百度富文本編輯器Ueditor的使用

前言

最近項目需要內建一個編輯器，于是聽從了同僚的推薦用的是百度的Ueditor，內建很順利，本地也很順利，然後部署到linux上就各種不能用。。。

期間也百度了很多的文章，但是多數文章都是使用的舊版本，新版本的很少，就算有提問的，也沒有人回複，沒有辦法，隻能自己看源碼調試了，功夫不負有心人，現在可以用了，也想分享給大家，以免有的小夥伴重蹈我的覆轍。

使用

我也不說我的嘗試和調試的過程了，直接上最終的配置

1. 從百度官網下載下傳http://ueditor.baidu.com/website/ ，看你們具體的伺服器語言，我使用的是Jsp版本，最好是自己也把完整源碼下載下傳下來，這樣就可以知道它的路徑是怎麼實作的了

   

2. 最好是将百度官方文檔看一遍吧，雖然我就是被它誤導的。。。。

   文檔位址：http://fex.baidu.com/ueditor/

3. 下載下傳完成後将包解壓并重命名為ueditor(個人喜好修改)，并放置在Web的根目錄下，如果不是根目錄，需要自行調試

   

4. 将jsp/lib下的jar檔案全部導入到WEB-INF/lib下
5. jsp頁面引用editor編輯器，個人建議直接将解壓包裡面附帶的index.html拿來修改，因為它提供了完整的demo
   • 引入三個js

     

   • 執行個體化編輯器

     

     這裡的window.UEDITOR_CONFIG.charset=”utf-8”;是顯示設定字元編碼的，避免擷取到的Html代碼亂碼

     UEDITOR_CONFIG.UEDITOR_HOME_URL = ‘/pugilist_system/ueditor/’; 這個是重點，可以配置在所有的執行個體化編輯器前面，我是配置在ueditor.config.js中，指明了編輯器的具體位置

6. 修改兩個配置檔案
   • config.json pugilist_systemTest是我的項目名稱

     

   • ueditor.config.js

     

OK，自此搞定，希望能幫到大家。。