富文本編輯器，不多說了，這個大家應(yīng)該都用到過，至于用到的什么版本，那就分很多種

CKEditor：很早以前叫FCK，那個時候也用過，現(xiàn)在改名了，比較流行的一個插件，國外很多公司在用

UEDITOR：百度開發(fā)的插件，lite版是UM

EasyUI編輯器：用easyUI的都懂，基本上肯定用到

其他的富文本編輯器就不說了，前兩個小編我用的比較多

本來我是比較傾向于CKEditor，但是這個插件不支持圖片上傳，圖片功能只能鏈接過去，而不能在控件本身中上傳，所以就選擇了UMeditor

為啥選擇UM，不選擇UE，其實(shí)都差不多，UM精簡了很多，而且比較小，UE功能太多而且很多東西都用不到

那么先來說說上傳吧，引入JS什么的不說了，網(wǎng)上都有

要進(jìn)行圖片上傳先要定義好靜態(tài)目錄，如下：

?

再來看看百度目錄的結(jié)構(gòu)

?

第一個框中是百度自己的上傳，可以不用他，自己自定義上傳，小編用的是springMVC + fastDFS圖片服務(wù)器，只要修改地址就可以直接上傳，相關(guān)文章可以參考我以前的博客

打開umeditor.config.js這個文件，這是UM的配置文件，可以自定義很多東西

?

覆蓋原來的imageURL即可，修改為你自己項(xiàng)目中正在使用的圖片上傳接口即可，注意，必須是支持ajax異步上傳的

那么好，現(xiàn)在啟動項(xiàng)目測試，圖片上傳是沒有問題，但是圖片展示會有問題，原因是返回的JSON和百度的格式不匹配

那么怎么辦，2種做法，適配自己的返回數(shù)據(jù)格式

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

小編我采用了第二種做法，畢竟自己的數(shù)據(jù)格式自己最清楚

打開這個路徑下的image.js

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

找到如下方法

?

這個方法是成功后執(zhí)行的，如圖，callback是用來展示圖片內(nèi)容的，我直接修改callback，變更數(shù)據(jù)格式

?

修改image中的href即可，最終可以展示圖片

?

總結(jié)

以上是生活随笔為你收集整理的使用百度UMeditor富文本编辑器，修改自定义图片上传，修改源码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。