vue使用富文本编辑器vue-quill-editor，如下图所示

1.安装插件：npm i vue-quill-editor

可参考github官方文档:https://github.com/surmon-china/vue-quill-editor

SSR是服务器杜纳渲染方式

我们用的是客户端SPA

2.在main.js引入

// 导入富文本编辑器
import VueQuillEditor from 'vue-quill-editor'
// require styles 导入富文本编辑器对应的样式
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'


// 将富文本编辑器，注册为全局可用的组件
Vue.use(VueQuillEditor)



//在要使用的组件中使用
  <!-- 富文本编辑器组件 -->
            <quill-editor v-model="addForm.goods_introduce"></quill-editor>



<style>

 .ql-editor{
 min-height: 300px;
}
</style>