前言:
今天最近公司在做CMS用到了編輯器,Ueditor是一個很好的選擇,非常強大,但是今天遇到了一個很棘手的問題:在線管理圖片的頁面不能顯示我之前上傳的圖片,調試了一下午終於解決了這個問題,寫這篇帖子希望能幫助到其他人。廢話結束
想要使用這個插件你需要做這幾步:
1.下載UM 或者 UE 地址:http://ueditor.baidu.com/website/index.html 這里UM UM 就是百度編輯器的兩個版本,一個功能少,一個功能更多,具體介紹看官方解釋吧。
2.創建一個Web工程,這個編輯器需要依賴Server 的處理,在依賴的這些Server jar中有一個問題需要大家去注意,我用的是1.4.3版本,ueditor-1.1.1.jar中圖片路徑的問題。問題大概是這樣:圖片的最終路徑被顯示成:E://tomcat8/webapps/xxx/ueditor/.... 這樣頁面當然是無法顯示照片的。我稍后會把這個jar的下載鏈接放到我的網盤上。
3.在你的webRoot(你的web應用目錄)目錄下創建一個jsp 頁面 或者html 引入相關的資源文件,編寫啟動Js。http://fex.baidu.com/ueditor/ 這是個例子
4.啟動你的項目,這里要注意一個問題,如果你沒有配置項目中的以下路徑的話就會找不到對應的請求路徑。
//${url} :http://127.0.0.1:8080/ueditorDemo
window.UEDITOR_HOME_URL = "${url}/public/ueditor/";
window.BASE_URL = '${url}';
5.用唄。
Jar下載地址:http://pan.baidu.com/s/1mg5reAG
ps:
有什么問題可以隨時給我發郵件yuzhen1912@163.com,我會盡快回復你
純手打轉載請注明出處:http://www.cnblogs.com/flyingMonkey/p/4730897.html