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

 

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值