使用百度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便可，最終能夠展現圖片