百度編輯器idea中 jsp運用
1、先從官網上下載 jsp 版本的包下來 http://ueditor.baidu.com/website/download.html
2、把它解壓到靜態資源 static 檔案裡,因為我這個專案在靜態資源別的地方用不了,
3、把檔案中的 jsp 裡的 controller.jsp 和 config.jsom 拿出到根目錄,因為在controller.jsp是請求用的,在靜態資源裡沒法用
4、開始配置,先開啟 config.json 配置紅框裡的兩個路徑 ,圖片字首路徑和上傳的儲存路徑,很重要
5、把 jsp裡的 lib檔案中的 4個 jar包 ,複製到 WEB-INF/lib 和別的包一起,然後新增到 idea 裡,注:如果有版本重複的,一定要用編輯器裡最新下載下來的版本,然後把舊版本刪掉,很重要(我在上傳圖片的時候一直報錯就是這個原因)。
6、在專案裡使用編輯器
<script id="editor" type="text/plain"></script>
var editor = UE.getEditor('editor', { BaseUrl: '', UEDITOR_HOME_URL: url_head + '/static/utf8-jsp/', //這個是靜態資源的路徑,寫這裡就不用在ueditor.config.js 裡改了 serverUrl : url_head + "/controller.jsp", //這個是我放在根目錄下 controller.jsp 的路徑 }); // 初始化UE editor.addListener("ready", function () { _this.editor.setContent(''); // 確保UE載入完成後,放入內容。 });
我碰到的問題
1、在本地後端配置項沒有正常載入,上傳外掛不能正常使用 。
原因有 : jar 包沒新增 或者 路徑沒有配置對 或者 改了 controller.jsp 裡的東西,然後報錯
2、在本地測試時,圖片不顯示,但能提交
原因有 : config.json 裡的 imagePathFormat : '' 或者 imageUrlPrefix 路徑寫錯了
3、controller.jsp的返回資料格式不是 json
解決 : 把Content-Type 值改成 'text/html' response.setHeader("Content-Type" , "text/html");
4、專案放到伺服器的之後又出現後端配置項沒有正常載入,上傳外掛不能正常使用
問題: jar 包沒放到WEB-INF/lib裡,而且沒重啟服務
5、上傳圖片失敗,controller.jsp 報500
問題 :沒把舊的 jar 包刪掉,刪掉後重啟就好了