天天看點

百度的UEditor富文本控件的使用

檔案目錄結構 

      -dialogs

      -lang

      -themes

      - third-party

    -index.html

        -umeditor.config.js

-umeditor.js

dialogs 中主要放置 emotion  image  link map video  的js css image檔案

上傳圖檔相關的檔案在dialogs下的image下

視訊相關的檔案在dialogs下的video下

自定義菜單時可以設定 umeditor.config.js 中的toolbar 進行設定, 同類的按鈕包含咋 “|    |”, 在自定義的按鈕時對不使用的按鈕需要去除對應的js檔案,可以

避免檔案下載下傳, 需要在umeditor下的UM.registerUI進行設定, 在 toolbar中去除的在配置中同樣需要去除;

umeditor可以通過getContent擷取富文本的内容, 通過setContent初始化富文本的内容, 但是避免出問題在進行初始化時需要使用ready(function(){}).

有個上傳圖檔的問題 需要在umeditor.config.js中配置上傳的路徑和通路圖檔的路徑  imageUrl : 上傳的路徑, imagePath : 下載下傳的路徑

上傳完成成後的回調函數在image.js中 Upload對象的uploadComplete方法, 插件判斷成的狀态為“SUCCESS” 此處需要根據具體情況設定對應的編碼

繼續閱讀