目前vue中富文本编辑大多采用的是vue-quill-editor或者是vue2-editor,其都是基于quill的基础上进行的vue支持。
然后就可以采用quill的插件方式进行扩展功能,像是图片拖拽,自定义图片上传逻辑,拓展插入表格等。
图片拖拽当属quill-image-resize-module,但是,在vue环境中不太顺利,会产生各种bug,网上也有很多解决方案,但是都尝试了,还是没能成功。
最总选择了,查看其源码(quill-image-resize-module),然后对相应的地方做出了修改,以便更好地支持vue。并上传到了npm仓库。
如下:
npm i quill-image-resize-vue --save