求大佬指点哈！富文本编辑时插入文字

Question

应项目需求，在富文本编辑的时候在边上有对应的按钮点击后可以在光标处添加固定格式的文字。如：在“111111”当光标在结尾处点击按钮，就会让富文本中的文字变成“111111222”如果在光变第一个“1”后面，则会变成“122211111”这种形式我直接在点击的时候触发函数，直接在末尾添加固定格式的文字，好吧我想多了。邮箱管理<quill-editorref="myTextEditor"v-model="content":config="editorOption"@blur="onEditorBlur($event)"@focus="onEditorFocus($event)"@ready="onEditorReady($event)"><el-buttontype="primary"@click="demo">demoimport{quillEditor}from"vue-quill-editor";exportdefault{components:{quillEditor},data(){return{content:"IamExample",str:"",editorOption:{//somethingconfig}};},mounted(){console.log("thisismyeditor",this.content);},computed:{editor(){returnthis.$refs.myTextEditor.quillEditor;}},methods:{//失去焦点事件onEditorBlur(editor){console.log("editorblur!",editor);},//获得焦点事件onEditorFocus(editor){console.log("editorfocus!",editor);},//准备编辑器onEditorReady(editor){console.log("editorready!",editor);},//内容改变事件onEditorChange({editor,html,text}){//console.log('editorchange!',editor,html,text)this.content=html;},demo(){letacc="123456";this.content=this.content+acc;}}};" _ue_custom_node_="true">

Answer 1

先看看官方文档有没有提供insertText，如果没有用document.execCommand实现
methods:{
insertHtml(text){
//1.判断当前组件是否处于`focus`状态，如果没有则focus。
dosomething...
//2.使用`document.execCommand`方法在光标后追加文本
document.execCommand('insertText',true,text)
}
}