vue 富文本 quill 编辑器，实现图片上传到服务器，以及实时字数统计

2、图片编辑

3、实时字数统计

quill / vue-quill-editor

=======================================================================================

不是很推荐 vue-quill-editor， 建议直接用 quill 就完事了，而且quill 的 文档 和 api 也都是很直接清晰的，直接用的话，更灵活

关于 quill 的使用还是有一些需要注意的地方，下面我们来看一下：

如何使用

---

• 安装

npm i quill -S

• 使用 参考这里

1、引入

import ‘quill/dist/quill.core.css’

import ‘quill/dist/quill.snow.css’

import Quill from ‘quill’

2、初始化

定义一个 <div id="quill-editor"></div> 的元素

然后，在 mounted 中调用 initQuill 方法，完成初始化

至于编辑的宽高，你可以在 css 中，自己去设置

// 这是 methods 中的 initQuill 方法

// 你可以在 mounted 中调用它

// 这样就完成了 quill 的初始化

initQuill() {

const quill = new Quill(‘#quill-editor’, {

// 编辑器配置选项

theme: ‘snow’,

placeholder: ‘Compose an epic…’,

debug: ‘error’,

modules: {

toolba