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

使用过的类似编辑器，参考这篇博客：

https://blog.csdn.net/m0_58017645/article/details/119827781

1.安装：

在vue可视化面板中安装-》依赖-》查找插件-》安装

使用npm命令行进行安装

npm install vue-quill-editor --save

2.注册：

// 导入富文本编辑器
import VueQuillEditor from 'vue-quill-editor'
// 导入富文本编辑器样式
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
// 将富文本编辑器注册为全局可用的组件
Vue.use(VueQuillEditor)

3.引用：

v-model要与goods_introduce绑定

addForm: {

                    goods_name: '',

                    goods_price: 0,

                    goods_number: 0,

                    goods_weight: 0,

                    // 商品所属的分类数组

                    goods_cat: [],

                    // 图片的数组

                    pics: [],

                    // 商品的详情描述

                    goods_introduce: ''

                },

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