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请求信息做适当调整规避。

 

猜你喜欢

转载自blog.csdn.net/wiki_Wei/article/details/84299472