vue如何安装使用Quill富文本编辑器

npm install vue-quill-editor --save

import Vue from 'vue'import VueQuillEditor from 'vue-quill-editor'

//一定要引入这三个css，不然文本编辑器会出现不规则黑白几何图形//这三个css可以在main.js中引入，也可以在具体使用的.vue文件中引入import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css' Vue.use(VueQuillEditor)

<template> <el-row>   <quill-editor v-model="content"    :options="editorOption"     @blur="onEditorBlur($event)"     @focus="onEditorFocus($event)"    @change="onEditorChange($event)">   </quill-editor> </el-row></template>

<script>import { quillEditor } from 'vue-quill-editor' export default {  data:function(){   return{    content:'',    editorOption:{}   }  },  methods:{   onEditorBlur(editor){//失去焦点事件   },   onEditorFocus(editor){//获得焦点事件   },   onEditorChange({editor,html,text}){//编辑器文本发生变化    //this.content可以实时获取到当前编辑器内的文本内容    console.log(this.content);   }  }} </script>

<style> .quill-editor {  height: 350px; }</style>