vue-quill-editor富文本编辑器使用

1.vue项目中，npm安装依赖

npm install vue-quill-editor --save

2.全局引用，项目入口文件中（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)

3.使用富文本组件

  <!-- 富文本编辑器 -->
  <quill-editor v-model="addForm.goods_introduce"></quill-editor>

在<script>

　　　　//富文本-商品详情描述

　　　　goods_introduce: '',

　　</script>

推荐使用视频教程：

https://www.bilibili.com/video/BV1EE411B7SU?p=170

效果图片：