当前位置: 首页 > Web前端 > vue.js

vue-quill-editor富文本工具增强模块的使用

时间:2023-04-01 12:17:38 vue.js

vue-quill-editor富文本工具增强模块的使用vue-quill-editor富文本增强模块包括quill-image-extend-module(上传图片),'quill-image-resize-module(imageresize)https://www.kancloud.cn/liuwa...这个是官方文档,但是例子中关于action的部分是字符串url,不知道怎么弄对应axioapi使用,所以根据其他博客的例子修改。改造通知公告功能使用的基础quill组件。貌似支持action配置url,上传图片到服务器,但是没看到例子里怎么用。所以使用quill的增强组件来实现。代码Editorindex.vue(上传组件)的代码直接贴出来(参考了某人博客的内容,忘了具体是谁了)父组件调用如下:关于图片-resize-moduleimport报错importserrormodifyvue.config.jsconfigureWebpackadd,plugins:[newwebpack.ProvidePlugin({'window.Quill':'quill/dist/quill.js','Quill':'quill/dist/quill.js'}),],installquill-image-extend-module(uploadimage),'quill-image-resize-module(imageresize)npminstall上面两个就可以但是这个富文本框修改后,取截图复制进去,base64编码还是通过了。

最新推荐
猜你喜欢