富文本框光标处插入文本 -vue wangeditor
解决此问题,发博客记录一下(happy ending~)富文本框项目中是采用了wangeditor,具体引用可看wangeditor官方文档。刚开始一直纠结于如何获取文本框中光标的位置,找了网上很多的例子,但在wangeditor中都不能适用。深度扒了下wangeditor文档,没找到对应方法。在官方文档搜索栏死马当活马医的搜了下“insertHTML””,还真有这个方法TAT。一行代码搞定~ht
·
解决此问题,发博客记录一下(happy ending~)
富文本框项目中是采用了wangeditor,具体引用可看wangeditor官方文档。
刚开始一直纠结于如何获取文本框中光标的位置,找了网上很多的例子,但在wangeditor中都不能适用。深度扒了下wangeditor文档,没找到对应方法。在官方文档搜索栏死马当活马医的搜了下“insertHTML””,还真有这个方法TAT。一行代码搞定~
html
<div id='wangeditor'>
<div ref='editorElem'></div>
</div>
methods:
//初始化
wangeditorInit(){
this.editor = new E('#wangeditor')
this.editor.create()
this.$forceUpdate()
}
//插入代码
insertHTML(value){
this.editor.cmd.do('insertHTML','<span>'+value+'</span>')
}
更多推荐
已为社区贡献13条内容
所有评论(0)