最近需要自己做後臺寫頁面,其中需要用到富文本編輯框,可以輸入文字,上傳圖片,視頻等,最終獲取html存入數據庫。這裏記錄一下開發過程。
UEditor富文本編輯器文檔:http://fex.baidu.com/ueditor/
下載地址:1.4.3.3jsp版本http://ueditor.baidu.com/website/download.html
1、ueditor 引入js包。
2、maven依賴包(因爲需要修改源碼,所以沒有引包。直接下載源碼拷貝到項目裏了)
3、更改上傳圖片部分源碼,壓縮上傳。
1)將源碼直接複製到自己項目裏面。
2)修改controller.jsp中的ActionEnter路徑。
4、自定義工具欄toolbars
修改ueditor.config.js文件中的toolbars,詳細參考官方文檔。
5、使ueditor在最前面,修改 window.UEDITOR_CONFIG 配置裏面的 z-index的值由900改成1100
6、上傳視頻部分代碼 需要手動引入vod的upload-impl.jar包。
源碼地址:https://download.csdn.net/download/null_hc/10603475
有問題請與我聯繫,互相交流。