vue-quill-editor富文本编辑器的使用

HTML:

<!--利用quill-editor标签，在标签内部定义ref v-model :options（配置项）这些属性  还定义了一些事件-->

<div class="edit_container">
    <!--  新增时输入 -->
    <quill-editor v-model="addForm.content" ref="myQuillEditor" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @change="onEditorChange($event)">
    </quill-editor>
    <!-- 从数据库读取 -->
    <div v-html="addForm.str" class="str-editor"></div>
</div>


<!--v-html="addForm.str" 绑定str变量，可以调试看到富文本输入的内容传入到后端的数据-->

JS：

//引入vue-quill-editor 使得可以在代码中用vue-quill-editor的方法

import  VueQuillEditor from 'vue-quill-editor'
import { quillEditor } from 'vue-quill-editor'
Vue.use(V