使用百度UMeditor富文本编辑器，修改自定义图片上传，修改源码

富文本编辑器，很少说了，这个你们应该都用到过，至于用到的什么版本，那就分不少种

CKEditor：很早之前叫FCK，那个时候也用过，如今更名了，比较流行的一个插件，国外不少公司在用

UEDITOR：百度开发的插件，lite版是UM

EasyUI编辑器：用easyUI的都懂，基本上确定用到

其余的富文本编辑器就不说了，前两个小编我用的比较多

原本我是比较倾向于CKEditor，可是这个插件不支持图片上传，图片功能只能连接过去，而不能在控件自己中上传，因此就选择了UMeditor

为啥选择UM，不选择UE，其实都差很少，UM精简了不少，并且比较小，UE功能太多并且不少东西都用不到

那么先来讲说上传吧，引入JS什么的不说了，网上都有

要进行图片上传先要定义好静态目录，以下：

 

再来看看百度目录的结构

 

第一个框中是百度本身的上传，能够不用他，本身自定义上传，小编用的是springMVC + fastDFS图片服务器，只要修改地址就能够直接上传，相关文章能够参考我之前的博客

打开umeditor.config.js这个文件，这是UM的配置文件，能够自定义不少东西

 

覆盖原来的imageURL便可，修改成你本身项目中正在使用的图片上传接口便可，注意，必须是支持ajax异步上传的

那么好，如今启动项目测试，图片上传是没有问题，可是图片展现会有问题，缘由是返回的JSON和百度的格式不匹配

那么怎么办，2种作法，适配本身的返回数据格式

或者直接修改百度的js源码

小编我采用了第二种作法，毕竟本身的数据格式本身最清楚

打开这个路径下的image.js

/danger-manager-web/src/main/webapp/WEB-INF/umeditor1_2_2-utf8-jsp/dialogs/image/image.js

找到以下方法

 

这个方法是成功后执行的，如图，callback是用来展现图片内容的，我直接修改callback，变动数据格式

 

修改image中的href便可，最终能够展现图片