富文字簡介

UEditor是由百度web前端研發部開發所見即所得富文字web編輯器，具有輕量，可定製，注重使用者體驗等特點，開源基於MIT協議，允許自由使用和修改程式碼...

準備工作

ueditor需要單獨檔案伺服器，可以使用七牛雲，自己搭建檔案伺服器，也可以自己啟動一個Tomcat作為檔案伺服器。

富文字使用方式
（1）去官網下載富文字程式碼：
  有開發版和mini版，建議下載開發版，便於查詢問題。上線時使用mini版提升速度。 config.json檔案為ueditor的配置。ueditor.config.js載入config.json配置.先去後臺getConfig方法獲取配置在渲染。

（2）建立springboot專案springboot-ueditor（已上傳到github https://github.com/wotrd/springboot-ueditor）開箱即用
（3）將config.json複製到resource/static目錄下，在static下建立index.html檔案。建立UeditorController.java檔案。專案最終目錄結構如下：

(4)在UeditorController.java檔案下新增兩個方法，getConfig和upload。一個用來載入富文字的配置，一個用於富文字上傳檔案。

第二個方法使用HttpServletResponse返回是為了可以支援上傳多張圖片。
(4)編輯config.json

如下圖：重點是 imageUrlPrefix 這個配置，這是配置富文字顯示上傳檔案的字首，字尾上傳完自動拼接。上傳圖片其他的類似
(5)編輯 ueditor.config.js

圈起來的這個地址必須配,是用來請求getConfig這個方法獲取配置的。

(6)編輯 index.html
(6)編輯 application.properties檔案

因為，我8080埠用於檔案伺服器，所以這裡使用80埠。配置springboot2.x上傳檔案大小限制。還有上傳檔案路徑。完成啟動。

未完待續，有問題請留言！

個人部落格地址： https://blog.ailijie.top/ar