vue-quill使用时候要注意css引入方式，不然会报错，卡死，白屏

import {QuillEditor} from '@vueup/vue-quill'


import BlotFormatter from 'quill-blot-formatter/dist/BlotFormatter';

import '@vueup/vue-quill/dist/vue-quill.snow.css';

npm install vue-quill-editor --save
# 或者
yarn add vue-quill-editor

import Vue from 'vue'
import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css' // 你可以选择其他的主题
import 'quill/dist/quill.bubble.css'

Vue.use(VueQuillEditor, /* { default global options } */)

<template>
  <!-- 编辑器将在这里呈现 -->
</template>

<script>
import { quillEditor } from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css' // 你可以选择其他的主题

export default {
  components: {
    quillEditor
  }
  // ...
}
</script>

<template>
  <div>
    <quill-editor v-model="content"></quill-editor>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: '' // 这里绑定的是编辑器的内容
    }
  }
}
</script>

<quill-editor
  v-model="content"
  :options="{
    theme: 'snow',
    modules: {
      toolbar: [
        ['bold', 'italic', 'underline', 'strike'],
        // 其他工具栏选项...
      ]
    },
    placeholder: '请输入内容...'
  }"
></quill-editor>

modules: {
  toolbar: [
    ['bold', 'italic', 'underline', 'strike'], // 加粗，斜体，下划线，删除线
    ['blockquote', 'code-block'], // 引用，代码块

    [{ 'header': 1 }, { 'header': 2 }], // 标题大小
    [{ 'list': 'ordered'}, { 'list': 'bullet' }], // 列表
    [{ 'script': 'sub'}, { 'script': 'super' }], // 上下标
    [{ 'indent': '-1'}, { 'indent': '+1' }], // 缩进

    // 其他选项...
  ]
}

<quill-editor
  v-model="content"
  @change="handleEditorChange"
  @selection-change="handleSelectionChange"
></quill-editor>

methods: {
  handleEditorChange(content, delta, source, editor) {
    console.log('Editor content changed:', content);
  },
  handleSelectionChange(range, source, editor) {
    console.log('Selection changed:', range);
  }
}