應項目需求,在富文本編輯的時候在邊上有對應的按鈕點擊后可以在光標處添加固定格式的文字。如:在“111111”當光標在結尾處點擊按鈕,就會讓富文本中的文字變成“111111222”如果在光變第一個“1”后面,則會變成“122211111”這種形式我直接在點擊的時候觸發(fā)函數(shù),直接在末尾添加固定格式的文字,好吧我想多了。郵箱管理<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);},//內(nèi)容改變事件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">
求大佬指點哈!富文本編輯時插入文字
慕森王
2019-06-18 09:33:49