vuequill添加内联块标签

VueQuill是一个富文本编辑器组件，它基于开源库Quill.js构建。如果你想在VueQuill中添加内联块标签，你可以按照以下步骤操作：

1. 首先，在项目中安装VueQuill和可能需要的插件，如`vue-quill-editor`以及`@quill/ql-format-block`，用于支持自定义块标签。可以使用npm或yarn进行安装：

   npm install vue-quill-editor @quill/ql-format-block
   # 或者
   yarn add vue-quill-editor @quill/ql-format-block

2. 然后，在Vue组件中配置VueQuill，导入并启用`formatBlock`功能：

import VueQuillEditor from 'vue-quill-editor'
import FormatBlock from '@quill/ql-format-block'

export default {
  components: {
    VueQuillEditor,
  },
  mounted() {
    this.$refs.editor.quill.formatBlock('div', 'blockquote', true) // 添加对`<blockquote>`的支持
    // 如果需要其他内联块标签，比如`<pre>`，替换'div'和'blockquote'即可
  }
}

这里通过`.formatBlock()`方法告诉Quill允许使用`div`元素作为`blockquote`样式，即创建内联块引用。

3. 在模板中使用VueQuill组件：

<template>
  <VueQuillEditor ref="editor" :config="{ modules: { format: true } }"></VueQuillEditor>
</template>

现在，用户可以在VueQuill编辑器中插入和编辑包含内联块标签的内容了。