基于vue3+QuillEditor的深度定制

需求：

项目需求一个深度定制的富文本编辑器，要求能够定制表格，能够从素材库插入图片，以及其他个性化操作。我这里就基于vue3+ QuillEditor深度定制的角度，解析一下QuillEditor富文本编辑器的功能扩展功能的需求。

一、扩展工具栏

根据需求，我们需要扩展工具栏，实现自定义按钮图标。根据配置如下：

:toolbar="{ container: editorToolbarConfig, handlers: handlers }"

当然这里有两种做法，我这里以vue配置的做法试下，另一种基于quill的dom初始化做法即new Quill挂载到dom节点，这里就不讲了。

这里的配置项，即container部分，按照官网配置即可，我这里主要讲一下扩展按钮。