1. 程式人生 > >UEditor+angular使用踩坑記錄

UEditor+angular使用踩坑記錄

背景:使用UEditor+angular-ueditor.js實現富文字框的功能。

坑一、使用shift+內容輸入字元時,不會觸發angular的雙向同步。原因是ueditor中,shift+輸入不會觸發"contentChange"事件。

坑二、使用上傳圖片功能時,後臺獲取到資料為有‘正在上傳’提示。原因ueditor上傳圖片成功之後,只用js替換img元素的src指向,這時富文字框中的內容更新了,但是不會觸發contentChange事件,也就不會觸發angular的雙向繫結。

坑三、UE.getEditor使用不當可能造成頁面初始化多個富文字框。使用的時候注意程式碼執行順序和editor的ID方可避免此問題。

其他:請注意serverUrl(客戶端請求服務端的地址)、imageUrlPrefix(檔案訪問目錄的字首)、imagePathFormat(檔案存放目錄)、catchRemoteImageEnable(是否抓取遠端圖片)這幾個配置項的用法。

這些可以根據除錯的http請求資訊做適當調整規避。