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

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即可，最終可以展示圖片

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。