vue-quill-editor插入图片URL脑洞历程_quill添加链接展示图片

vue-quill-editor插入图片URL

quill默认是使用图片的base64格式，富文本编辑器存在大量图片上传的情况。图片太多了，数据量太大，传输很容易失败；大量的数据对数据库压力也比较大，而且像mysql这类结构化数据库也不宜保存图片这些非结构化数据。

参考：（看文档记得找重点哦）
vue-quill-editor官方文档
quill官方文档

1. 根据官方文档的DEMO，让vue-quill-editor能正常运行
   

2. 查看vue-quill-editor官方文档对插入图片链接的推荐（看了半天，全是英文，又不熟悉quill，看了个寂寞）
   
   

3. 查看quill官方文档（看到了custom，不就是自定义嘛，哈哈）
   

4.怎么把这参数加到vue-quill-editor里面呢？官方文档也没说参数结构是什么。去看了看vue-quill-editor源码（还好这个源码简单）。知道参数结构怎么放了


4. 把quill自定义的数据放上去测试一下
（1）我们的工具栏没有了。
（2）发现上面有一句 container: ‘#toolbar’ ,toolbar不就是工具栏吗？加上代码试试，工具栏又出来了，哈哈。
（3）又来看看下面一个参数是什么，‘bold’，不就是字体加粗吗？换成图片的"image"试试。果然效果出来了，就是监听的图片按钮，还覆盖了默认的上传图片功能，这不就是让我们自己实现上传效果吗，嘿嘿。
（4）这个图片又要怎么替换呢，不懂就官方文档，哈哈哈哈。加上去试一试，不过图片咋个还是没出来呢？
（5）还是继续quill官方文档吧。偷笑。把 ‘link’ 换成 ‘image’, 效果就出来了。