vue3中使用富文本编辑器

Vue3中使用富文本编辑器可以使用第三方库Quill或者tinymce。

使用Quill的步骤如下：
1. 安装依赖：npm i vue3-quill
2. 引入依赖：import QuillEditor from "vue3-quill";
3. 注册组件：app.component("quill-editor", QuillEditor);
4. 使用组件：<quill-editor v-model="content"/>

使用tinymce的步骤如下：
1. 引入依赖：import { createApp } from 'vue'; import Editor from '@tinymce/tinymce-vue';
2. 注册组件：app.component('editor', Editor);
3. 使用组件：<editor :init="init" v-model="content"/>