vue3 使用富文本编辑器

Vue3 可以使用许多富文本编辑器库来实现富文本编辑功能。以下是一些常见的富文本编辑器库：

1. **Quill**：Quill 是一个功能强大且易于使用的富文本编辑器，它提供了丰富的编辑功能和自定义选项。你可以通过安装 `quill` 包来使用它，并在 Vue3 中将其作为一个组件来集成。

 在 Vue3 中，你可以在组件中引入和使用 Quill：

<div>
<div ref="editor"></div>
</div>
</template>

<script>
import Quill from 'quill';

export default {
mounted() {
this.quill = new Quill(this.$refs.editor, {
// 配置选项 });
},
};
</script>

2. **Vue2Editor**：Vue2Editor 是一个基于 Quill 的 Vue2 富文本编辑器组件，但它也可以在 Vue3 中使用。你可以通过安装 `vue2-editor` 包来使用它。

在 Vue3 中，你可以在组件中引入和使用 Vue2Editor：

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

 <script>
 import { VueEditor } from 'vue2-editor';

 export default {
 components: {
 VueEditor,
 },
 data() {
 return {
 content: '',
 };
 },
 };
 </script>

这只是其中两个常见的富文本编辑器库，你可以根据自己的需求选择合适的库来使用。记得在使用之前，先安装相应的包，并根据文档配置和使用库。