1. 程式人生 > >UEditor1.4.3 使用配置心得

UEditor1.4.3 使用配置心得

做一個新系統,有一個文章管理的模組,文章是圖文的形式。圖片管理一直沒找到好的控制元件,看到了UEditor,再一看,百度的,果斷試一下,對著文件部署了一個環境,發現圖片部分有各種問題:
最後發現,UEditor是很健壯的,其實各種問題都是配置的問題。
在圖片上傳這一部分遇到幾個問題:
1)圖片無法上傳,提示無效的Action
2)圖片無法回顯
3)圖片上傳之後,上傳目的資料夾沒有檔案
第一個問題是我把config.json檔案中的

   "imageActionName": "uploadimage", /* 執行上傳圖片的action名稱 */

這個uploadimage改了,改成我自己寫的一個處理上傳檔案的spring mvc controller。後來一想,不對,在ueditor的jar包裡有幾個uploader相關的類和方法。然後我就又改回來了。
第二個問題是路徑配置的問題
還是config.json檔案

 "imageUrlPrefix": "http://localhost:8080/ueditor", /* 圖片訪問路徑字首 */
    "imagePathFormat": "/ueditor/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上傳儲存路徑,可以自定義儲存路徑和檔名格式 */

這兩個配置改掉,就可以了
第三個問題很簡單但是弄了很久,其實還是路徑的問題
弄好了上邊兩個問題之後,圖片可以回顯了,但是伺服器上指定的資料夾就是沒有,還發現在多圖上傳#線上管理功能裡邊,上傳過幾張圖片,在這裡就會顯示幾張空圖,圖片是整個白色。到這裡,實在想不出原因,就下了個ueditor.jar的原始碼,debug一下。匯入ueditor.jar的原始碼,把WEB_INF/lib目錄下的ueditor.jar刪掉。包裡面類的不多,命名也很簡單明瞭,一下就找到了com.baidu.ueditor.upload.Uploader#doExec這個,debug到這個方法,看conf這個域的內容,發現rootPath所指的路徑,忽然一切都明白了。
我測試是用eclipse javaee版本測試的,大家都知道eclipse在debug web專案時不是把專案拷貝到tomcat下面,myeclipse是拷貝到tomcat下面,所以檔案在上傳時,其實是上傳到了${workspace}.metadata.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\earth\ueditor\jsp\upload\image(這是我這邊debug時的路徑),所以ueditor在多圖上傳#線上管理時找不到檔案的真實路徑。

總結:ueditor使用方便,簡單又強大,定製方便。可以一試。