UEditor富文本編輯器使用記錄(上傳到阿里雲oss文件存儲服務器)

最近需要自己做後臺寫頁面,其中需要用到富文本編輯框,可以輸入文字,上傳圖片,視頻等,最終獲取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

有問題請與我聯繫,互相交流。

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章