富文本编辑器UMeditor上传图片时图片不显示

最近用到了富文本编辑器UMeditor,在使用时遇到了一些问题:

(1)在修改上传图片的保存地址后,网页上的图片不显示。
经过研究终于找到了解决方法。

富文本编辑器中,网页中图片的默认显示路径是UMeditor自带的,如下所示
pwm/umeditor.config.js:122 umeditor1.2.3-utf8-jsp

我所做的操作是 ,将这个替换为我们自己设置的图片的保存路径。

如果有不正确的地方,欢迎大家评论指出。

UMeditor是UEditor的简洁版,保留了UEditor中常用的功能,在代码量和加载速度上均有很大的提升。

1、html加载调用的样式和脚本,为保证图片能上传到服务器,此处需要做几点配置:

  1)window.UMEDITOR_HOME_URL是相对于网站根目录的相对路径,为了避免上传过程中的路径问题,此处最好做配置。
    (它所表示的含义是:以编辑器实例化页面为当前路径,指向编辑器资源文件(即dialog等文件夹)的路径。)

  2)imageUrl 图片上传到后台时,对应的处理方法。

  3)imagePath图片的网络路径,图片保存时只保存了图片名称,显示时需要做网络映射。

以下是我的解决方法,暂时没有时间整理所有的教程,因此只附上部分代码,会抽时间把整个使用过程写完的。


转载声明:本站文章无特别说明皆为原创,转载请注明:辛娜的个人博客原文链接

发表评论

电子邮件地址不会被公开。 必填项已用*标注