vue插件之vue-quill-editor

首先送上官网地址：点这是跳转官网。
接下来按步骤食用：

npm install quill --save

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

接下来可以在模块中使用，先引入富文本组件

import { quillEditor } from 'vue-quill-editor'
-------------------------------------------
 components: {
	quillEditor
  },

以下是html

  <quill-editor
        class="ql-editor"
        v-model="content"
        ref="myQuillEditor"
        :options="editorOption"
        @blur="onEditorBlur($event)" @focus="onEditorFocus($event)"
        @change="onEditorChange($event)">
    </quill-editor>

onEditorBlur(e){
      console.log(e, '失去焦点事件');
    },
    onEditorFocus(e){
      consol