一、配置
1、maven配置:


注:注釋掉的jar包配置是因為使用百度提供的源碼時無法做到上傳圖片等功能,所以需要修改源碼自己配置
2、web項目lib下載jar包:
3、前端配置文件
項目結構:



將config.json文件放到resource下,ueditor的js文件放入js目錄下,后端的java配置代碼可隨意放入
修改
ueditor.config.js文件的配置:

此處路徑換為項目中ueditor的css樣式文件路徑


此處url換為自己寫的上傳圖片接口讀取配置文件的路徑,因為在上傳圖片時ueditor會先去讀取上傳圖片的配置文件,此操作需自己定義路徑代碼讀取config.json文件
4、源碼修改
因為是springboot項目,在本地啟動時tomcat加載的是一個war包,用源碼中的方式是可以加載找到config.json文件的,但是當springboot項目打包在線上測試、生產環境時因springboot項目的包是jar包,此時無法在jar包中獲取到resource下的config.json文件,只能通過流的形式將config.json文件讀出。

此處將原有的fileStream注釋掉,因原有的request在springboot項目無法獲取到字節流對象,需要使用自定義的

使用類加載器后的resource下的config.json的地址,遵循源碼規則將此地址返回。

將config.json文件以流的形式讀出來,然后返回,至此源碼修改完畢。
5、前端頁面應用
引入js文件:

根據當前頁面富文本框做微調:

注:此處的action實際的值是在config.json文件中定義的,可根據自己需要替換
在此處因只用到了上傳圖片,如果是上傳圖片將實際的上傳地址返回給ueditor,注此上傳圖片的地址是自己寫的controller接收圖片地址

因為在實際的開發中圖片、視頻等資源都有單獨的資源服務器,資源服務器接收圖片的接口等是公共接口,為了適應接口所以此controller是將前端接收的圖片流經過處理轉換為接口可處理的形式,然后在此controller中調用遠程服務器上傳圖片。
注意:因ueditor上傳圖片只識別源碼自定義好的返回值,所以在此controller需特定處理,將返回值設置為ueditor可識別的返回結果。

此處調用遠程服務器是通過springcloud的feignclient服務間調用,將file傳給遠程服務器接口。