vue3-富文本编辑器（vue-quill）

小沐°2023-12-28 18:35

官网：VueQuill | Rich Text Editor Component for Vue 3

安装

复制代码

 pnpm add @vueup/vue-quill@latest

使用

局部使用

先导包

复制代码

import { QuillEditor } from '@vueup/vue-quill'
import '@vueup/vue-quill/dist/vue-quill.snow.css';

再使用

复制代码

<QuillEditor theme="snow"></QuillEditor>

添加数据双向绑定，注意要一起设置内容类型

复制代码

          <QuillEditor
            v-model:content="formModel.content"
            content-type="html"
            theme="snow"
          ></QuillEditor>

重置内容

复制代码

组件ref名.value.setHTML(内容)