Vue中加载使用富文本编辑器组件

利用命令行

npm install vue-quill-editor --save

安装此依赖

或是在vue ui界面中通过添加依赖-> 运行依赖 ,搜索 vue-quill-editor 进行安装。

安装成功后：

进行如下全局配置
在main.js 中进行全局配置

import Vue from 'vue'

// 导入富文本编辑器
// 使用前需要安装vue-quill-editor依赖
import VueQuillEditor from 'vue-quill-editor'
// require syles 导入富文本编辑器的css样式
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), /* { default global options } */