1. 程式人生 > >百度編輯器idea中 jsp運用

百度編輯器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 包刪掉,刪掉後重啟就好了