vue-quill-editor副文本编辑器自定义工具栏内添加多个自定义按钮

要在vue-quill-editor副文本编辑器的自定义工具栏内添加多个自定义按钮，你可以按照以下步骤进行操作：

1. 首先，将vue-quill-editor引入到项目中。可以使用以下代码：

import { quillEditor } from 'vue-quill-editor'

2. 在组件中设置编辑器的相关数据和选项。可以使用以下代码：

export default {
  data() {
    return {
      content: null,
      editorOption: {
        modules: {
          toolbar: [
            ['bold', 'italic', 'underline', 'strike'], // 默认按钮
            ['blockquote', 'code-block'], // 默认按钮
            ['custom_button_1', 'custom_button_2'] // 自定义按钮
          ]
        }
      }
    }
  },
  methods: {
    onEditorBlur() {
      // 失去焦点事件
    },
    onEditorFocus() {
      // 获得焦点事件
    },
    onEditorChange() {
      // 内容改变事件
    }
  }
}

3. 在toolbar中添加自定义按钮。在`toolbar`数组中添加一个新的数组，该数组包含你想要添加的自定义按钮的标识符。例如，你可以添加`custom_button_1`和`custom_button_2`两个自定义按钮。

4. 在编辑器的模板中使用`quill-editor`组件，并将之前设置的`content`、`editorOption`和相关事件绑定到相应的属性上。可以使用以下代码：

<template>
  <quill-editor v-model="content" ref="myQuillEditor" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @change="onEditorChange($event)"></quill-editor>
</template>

通过以上步骤，你就可以在vue-quill-editor副文本编辑器的自定义工具栏中添加多个自定义按钮了。请注意，在`toolbar`数组中的每个子数组都代表一行按钮，你可以根据需要添加更多的按钮，并按照自己的需求进行自定义。