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

在vue里面使用quill-editor富文本编辑器

这里默认大家已经把项目框架都搭建完毕，直接说明怎么使用
下载：
npm install -s vue-quill-editor
npm install quill
在main.js( 项目入口文件 )中进行引入

import VueQuillEditor from 'vue-quill-editor'
//加载css样式资源，必不可少
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
Vue.use(VueQuillEditor)

在template中使用

 <quill-editor 
    //在富文本编辑器中写入的文本
    v-model="content" 
    
    ref="myQuillEditor" 
    :options="editorOption" 
    @blur="onEditorBlur($event)" @focus="onEditorFocus($event)"
    @change="onEditorChange($event)">
</quill-editor>

这样就有一个简易的富文本编辑器了
更加详细的文档