vue-quill-editor封装

Vue-quill-editor 是一个基于 Quill.js 的富文本编辑器组件，用于在 Vue.js 项目中实现富文本编辑功能。下面是一个简单的封装示例:

首先，安装 vue-quill-editor：

npm install vue-quill-editor

然后，在你的 Vue 组件中引入和使用 vue-quill-editor：

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

<script>
import VueQuillEditor from 'vue-quill-editor';

export default {
  components: {
    VueQuillEditor,
  },
  data() {
    return {
      content: '', // 用于双向绑定编辑器内容的数据
    };
  },
};
</script>

通过上述代码，你就可以在 Vue 组件中使用 vue-quill-editor 了。注意，`v-model` 指令用于实现双向绑定，将编辑器中的内容与 `content` 数据进行同步。

你还可以根据需要，自定义更多的配置选项，例如限制编辑器的高度、禁用编辑器等等。具体的配置选项和使用方法，请参考 vue-quill-editor 的官方文档。

希望这个示例对你有帮助！如有任何问题，请随时提问。