vue-quill-editor 如何自定义配置字体大小选项

你可以通过配置 `toolbar` 属性来自定义 `vue-quill-editor` 的工具栏，其中包括字体大小选项。以下是一个示例：

<template>
  <div>
    <quill-editor
      v-model="content"
      :options="editorOption"
      ref="myQuillEditor"
    ></quill-editor>
  </div>
</template>

<script>
import { quillEditor } from 'vue-quill-editor';

export default {
  components: {
    quillEditor,
  },
  data() {
    return {
      content: '',
      editorOption: {
        modules: {
          toolbar: [
            ['bold', 'italic', 'underline', 'strike'], // 加粗，斜体，下划线，删除线
            [{ 'size': ['small', false, 'large', 'huge'] }], // 字体大小
            ['blockquote', 'code-block'], // 引用，代码块
            [{ 'header': [1, 2, 3, 4, 5, 6, false] }], // 标题
            [{ 'list': 'ordered' }, { 'list': 'bullet' }], // 有序列表，无序列表
            [{ 'color': [] }, { 'background': [] }], // 字体颜色，背景颜色
            ['link', 'image', 'video'], // 链接，图片，视频
            ['clean'], // 清除格式
          ],
        },
      },
    };
  },
};
</script>

在上述代码中，我们将 `toolbar` 设置为一个数组，该数组中包含工具栏中的各个选项。其中，字体大小选项为 `[{ 'size': ['small', false, 'large', 'huge'] }]`，其中每个字符串表示一个选项，可以根据需求进行调整。