Vue基于vue-quill-editor富文本编辑器使用心得

Vue基于vue-quill-editor富文本编辑器

npm install vue-quill-editor
再安装依赖项

npm install quill
使用:

在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)
下面的css一定还要引用，否则编辑器将会没有css。

在vue页面中代码如下：

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