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請求信息做適當調整規避。


 

 

 

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