Ueditor1.4.3.3 富文本編輯器在圖片不顯示問題

  最近在項目中碰倒一個需求,須要一個富文原本編輯一個一篇報告,因而乎百度了一下找到一個百度的 ueditor  富文本編輯器,因爲幫助文檔相比而言比較容易看懂,因此就選用了這個,可是也遇到了一些問題html

  好了  不廢話  直接上代碼: 此項目是javaEE  項目 java

  首先在  官網下載  所需的文件   http://ueditor.baidu.com/website/download.html     依我的項目而定web

  將項目下載下來的文件解壓放入webconte 目錄下:json

  

    接下來看 JSP代碼:初始化,引入相關JS  與  CSS  ,代碼以下瀏覽器

    

      

       OK搞定這裏,按照文檔來說,接下來配置ueditor  的兩個文件  ueditor.config.js  ,config.json  jsp

       關於這兩個文件 我這裏只講圖片路徑配置的問題編輯器

        在 ueditor.config.js   中spa

        

            這個URL必定要對應你項目中ueditor  文件夾的路徑, 最好爲相對路徑,配置好了   此時訪問將不會出現此問題htm

            OK,接下來上傳圖片,上傳以後可能會出現下面效果,就是這個圖已經上傳到了本地可是無法顯示對象

            

 

          這個緣由就是要配置另外一個 文件了    打開  config.json  文件

          

          這個就是你圖片的訪問路徑,   上面這樣配置   出來的路徑爲  http://localhost:8080/trade//ueditor/jsp/upload/image/20170712/1499828717927026044.jpg

           完成了這兩步基本上就是OK,

          可是公司這項目限制了瀏覽器爲IE ,   在插入圖片時候 直接報錯     不支持  "indexoOf "對象 屬性或方法   ,特麼百度了很久  ,原來是IE不支持這個方法,  ueditor  也沒作兼容,無奈之下

     只能修改源代碼,  F12  點到 JS報錯地方,  找到源文件   ,直接修改 

             

        完了以後 問題獲得解決。  最後在說一個值得注意的地方   :

在SSH項目中,struct2 core libraries中的jar包可能與ueditor中使用的jar包相沖突。

例如,對於上傳文件最重要的common-io.jar和common-fileupload.jar,在struct2核心庫中,版本爲1.3.2和1.2.1,而ueditor 1.4.4要求的版本爲1.3.1和2.4,部署後因爲優先使用struc2核心庫jar包而形成上傳失敗。
相關文章
相關標籤/搜索