WANGEDITOR如何能实现直接粘贴把图片上传到服务器中?

WANGEDITOR如何能实现直接粘贴把图片上传到服务器中,WANGEDITOR如何能实现直接粘贴图片,WANGEDITOR如何能把图片上传到服务器中,WANGEDITOR如何能把图片粘贴到服务器中,WANGEDITOR如何能把WORD图片上传到服务器中,WANGEDITOR如何能把图文上传到服务器中,WANGEDITOR如何能传word图片,WANGEDITOR如何能上传word图片,WANGEDITOR如何能粘贴word图片,

从word中复制内容,从word中复制图片和文字,然后粘贴到wangEditor编辑器中,粘贴后图片自动上传到服务器中,能够看到每一张图片的上传进度,已经上传的大小,剩余时间,上传速度。

上传后返回文字和图片HTML,自动将文字和图片HTML添加到编辑器中,用户能够直接看到粘贴后的效果,保留文字样式,字体大小,字体颜色

用户使用操作起来更方便一些,一般发新闻,或者发文章用的比较多,可以说是高频使用,

前端用了VUE2,VUE3,后端用了PHP,JSP,ASP,ASP.NET,SpringBoot

完整示例

wordpaster-vue-wangEditor: 泽优Word一键粘贴控件(WordPaster)是由荆门泽优软件有限公司开发的一个支持多平台(Windows,macOS,Linux)的简化Word内容发布的组件。适用于政府门户,集约化平台,CMS,OA,博客,文档管理系统,微信公众号,微博,自媒体,传媒,在线教育等领域。主要帮助用户解决Word文档图片一键粘贴,PowerPoint一键导入,PDF一键导入的问题,微信公众号内容一键转发

1.复制插件文件

安装jquery

npm install jquery

2.导入组件

初始化WordPaster组件

测试前请配置图片上传接口并测试成功

接口测试:接口测试

接口返回JSON格式参考:

提取图片地址

为wangEditor编辑器添加按钮

整合效果:

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值