v2富文本第三方库

安装

npm install vue-quill-editor --save

在mai.js里配置（这个是全局引入）

 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 { quillEditor } from 'vue-quill-editor'
 
export default {
  components: {
    quillEditor
  }
} 

使用

可以给他封装成一个组件

<template>
  <div>
    <div style="width: 80%; margin: 0 auto">
      <quill-editor
        v-model="content"
        ref="myQuillEditor"
        :options="editorOption"
        @blur="onEditorBlur($event)"
        @focus="onEditorFocus($event)"
        @change&