Vue-Quill-Editor 的使用

Vue-Quill-Editor 的使用

1. NPM 安装

npm install vue-quill-editor --save

2. 引入 ( 全局 或 局部 根据需要求二选一即可 )

   全局引入

// main.js 全局引入
import Vue from 'vue'
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, /* { default global options } */)

局部引入

// 组件内部引入
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
  }
}

3. 使用

// 在模板位置渲染
<quill-editor></quill-editor>