Vue-Quill-Editor(富文本编辑器)傻瓜教程

第一步安装：npm install vue-quill-editor --save

第二步：在 main.js中全局引入（全局式）

import Vue from 'vue'
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)

第二步： 在单个组件中引用（单组件引用）

import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
 
import { quillEditor } from 'vue-quill-editor'
 
export default {
  components: {
    quillEditor
  }
}

第三步：在组件内，插入富文本结构