项目中需要使用富文本编辑器,经过调研,决定采用
轻量级的
wangEditor。
结果发现坑不小啊尤其搭配着vue双向绑定的时候,光标经常就跳到了末尾。撤销功能也不好使了。
多次在网上查阅资料,最简单的治标不治本的方法是:
editor.customConfig.onchangeTimeout = 1000
停止编辑后,等1s钟,再通知父组件更新数据。
昨天经过多次尝试,实验出了一种行之有效的解决方案:
// 注释掉onchange函数// editor.customConfig.onchange = html => {
// html 即变化之后的内容 // this.$emit('input',html)// }// 改成监听b