应项目需求，在富文本编辑的时候在边上有对应的按钮点击后可以在光标处添加固定格式的文字。
如：
在“111111”当光标在结尾处点击按钮，就会让富文本中的文字变成“111111222”如果在光变第一个“1”后面，则会变成“122211111”这种形式
我直接在点击的时候触发函数，直接在末尾添加固定格式的文字，好吧我想多了。

<template>
  <div>邮箱管理
    <quill-editor
      ref="myTextEditor"
      v-model="content"
      :config="editorOption"
      @blur="onEditorBlur($event)"
      @focus="onEditorFocus($event)"
      @ready="onEditorReady($event)"
    >
    </quill-editor>
    <el-button
      type="primary"
      @click="demo"
    >demo</el-button>
  </div>
</template>

<script>
import { quillEditor } from "vue-quill-editor";
export default {
  components: {
    quillEditor
  },
  data() {
    return {
      content: "I am Example",
      str: "",
      editorOption: {
        // something config
      }
    };
  },
  mounted() {
    console.log("this is my editor", this.content);
  },
  computed: {
    editor() {
      return this.$refs.myTextEditor.quillEditor;
    }
  },
  methods: {
    //失去焦点事件
    onEditorBlur(editor) {
      console.log("editor blur!", editor);
    },
    //获得焦点事件
    onEditorFocus(editor) {
      console.log("editor focus!", editor);
    },
    // 准备编辑器
    onEditorReady(editor) {
      console.log("editor ready!", editor);
    },
    //内容改变事件
    onEditorChange({ editor, html, text }) {
      // console.log('editor change!', editor, html, text)
      this.content = html;
    },
    demo() {
      let acc = "123456";
      this.content = this.content + acc;
    }
  }
};
</script>

大概是这样的一个形式