vue3-富文本编辑器(vue-quill)

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

安装

vue3-富文本编辑器(vue-quill)_第1张图片

 pnpm add @vueup/vue-quill@latest

vue3-富文本编辑器(vue-quill)_第2张图片

使用

vue3-富文本编辑器(vue-quill)_第3张图片

局部使用

先导包

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

再使用

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

          

重置内容

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

你可能感兴趣的:(vue,vue.js,javascript,前端)