wangeditor 不识别html_wangEditor光标跳动解决方案

项目中需要使用富文本编辑器,经过调研,决定采用 轻量级wangEditor。

64291a9d3ab8b5c096c16dc7b33f1f3a.png

结果发现坑不小啊8679072b934f99d7d0a00d3d5d5dffc5.png尤其搭配着vue双向绑定的时候,光标经常就跳到了末尾。撤销功能也不好使了。

多次在网上查阅资料,最简单的治标不治本的方法是:

editor.customConfig.onchangeTimeout = 1000

停止编辑后,等1s钟,再通知父组件更新数据。

昨天经过多次尝试,实验出了一种行之有效的解决方案:

// 注释掉onchange函数// editor.customConfig.onchange = html => {
         // html 即变化之后的内容     // this.$emit('input',html)// }// 改成监听b
  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值