Quill安装及使用

富文本编辑器。首先从选择开始

https://blog.csdn.net/davidhzq/article/details/100842866

对每个富文本的选择跟优缺点涵盖比较完整的，为了稳定最后还是选择Quill.没有选择TinyMCE，TinyMCE的功能比较强大。客户需求多的可以使用。

1、安装

npm install vue-quill-editor --save

2、引用
html引用模块

<div>
	<quill @on-change="changeValue" :open-xss="true" v-model="value" />
</div>

import引用代码和三个CSS.三个CSS是关键。不然样式会崩溃

import Quill from "@/components/Quill";
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

components: {
    Quill
},

然后加上方法

changeValue(val) {
  console.log(val)
}