ueditor與springboot結合使用

記錄是為了更好的成長！

1、概述

在項目用到ueditor插件來編輯信息，初次接觸，遇到各種問題，到目前為止，也只是基本實現了功能，簡單記錄一下過程，希望對初次使用ueditor的朋友們有所幫助。

2、項目構建

什么是ueditor，或對ueditor還不了解的朋友請先百度，看看資料......

項目中使用SSM加jsp構建，這里我以springBoot+thymeleaf為例說明，后面我會給出demo的github地址。

3、先來分析一下Ueditor

Ueditor官網

ueditor只提供了jsp的引用，並沒有html的用法，都沒有關系，jsp的內容可以用控制器來替換。

 

ueditor.config.js是配置文件，我們最后要修改請求路徑，就是在這個文件里

config.json 配置文件，定義了圖片的大小格式等相關信息

現在整理一下我們的需求？

第一：要上傳的圖片在頁面顯示

第二：將一切對圖片的上傳處理都交給我們自定義的controller來做

第三：上傳的圖片我們可能會保存到阿里雲或其他服務器，並給ueditor傳回地址，怎么實現？

 

4、實現過程分析

1） 看代碼會發現，ueditor插件有他自己的控制，圖片保存的路徑，圖片請求的控制器，路徑都需要修改

2） 修改完圖片的請求路徑以后會發現頁面控制台報錯，找不到映射。原因就是官網的demo是jsp示例，修改了請求路徑之后就找不到config.json；解決： 我在這里將config.json放在了springboot的resource中，但是找不到；通過路徑都能獲取到文件，但ueditor取不到，不知道為什么！ config.json最終也是要給ueditor.config.js中使用的，沒有config.json的配置，圖片提交出錯，所以就將config.json中的配置信息復制到ueditor.config.js中，就解決了問題。

3）上傳圖片，修改了配置文件以后，上傳圖片就可以請求到自定義的控制器， 最后圖片要在頁面顯示需要回傳地址，此時在controller中通過一個map封裝信息，返回到頁面即可。

 

 github地址-springboot+nginx

 

以上內容代表個人觀點，僅供參考，不喜勿噴。。。