wangEditor中使得光标处于文本末端的方法记录
问题描述
最近在使用vue写前端项目中有个需求是从父组件给wangEditor赋值后光标自动处于文本末端。
前言
wangEditor在默认情况下,父组件给其设置内容后光标会处于首端,不符合需求。网上找的直接通过js操作的方法经过尝试没有作用(也可能是没写对),官方文档也没找到合适的方法。最终经过一番尝试后成功解决,特此记录,希望能帮到有类似需求的人。
解决方法
在父组件与wangEditor通信的双向绑定数据value的watch方法中,增加一句:
this.editor.selection.moveCursor(this.editor.$textElem.elems[0]