需要为wangEditor编辑器增加粘贴Word图片的功能,粘贴后图片能够自动上传到服务器中,服务器地址能够自定义

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

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

完整示例

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

1.复制插件文件

WANGEDITOR粘贴WORD图片且图片文件自动上传功能_百度ue粘贴word

安装jquery

npm install jquery

2.导入组件

WANGEDITOR粘贴WORD图片且图片文件自动上传功能_百度ue粘贴word_02

初始化WordPaster组件

WANGEDITOR粘贴WORD图片且图片文件自动上传功能_编辑器粘贴word_03

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

接口测试:接口测试

接口返回JSON格式参考:

提取图片地址

为wangEditor编辑器添加按钮

WANGEDITOR粘贴WORD图片且图片文件自动上传功能_ueditor粘贴word_04

整合效果:

WANGEDITOR粘贴WORD图片且图片文件自动上传功能_百度ue粘贴word_05