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

之前使用的富文本编辑器是uEditor,kindEditor,感觉不太方便

近期项目vue单页面，就使用这个编辑器组件吧！

一、安装  cnpm install vue-quill-editor

二、引入 

　　在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)

 

三、封装组件：

　　

四、引入使用：

<my-editor :contentDefault="contentDefault">my-editor>

components:{
    myEditor:myEditorComponent
  },

 

转载于:https://www.cnblogs.com/LChenglong/p/9518531.html