vue-element安装富文本编辑器vue-quill-editor教程

季夏梧桐2023-12-23 4:15

在vue ui面板中安装vue-quill-editor依赖

命令安装

复制代码

npm install vue-quill-editor --save

or

复制代码

yarn add vue-quill-editor

使用方法

在main.js导入富文本编辑器

复制代码

import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css' // import styles
import 'quill/dist/quill.snow.css' // for snow theme
import 'quill/dist/quill.bubble.css' // for bubble theme

将富文本编辑器注册为全局可用

复制代码

Vue.use(VueQuillEditor)

页面中使用

复制代码

<quill-editor v-model="addForm.art_content"></quill-editor>

最终效果