支持复制粘贴WORD图片的WANGEDITOR编辑器

视频教程:https://www.ixigua.com/7232928276027539972

昨天晚上一个网友给我发私信,问哪word复制粘贴的问题如何解决,这位网友他也是刚开始学习和接触这块,很多基础知识都不了解,比如如何上传文件,如何保存文件,如何返回文件地址,这些他都不知识如何来实现。先花了半个小时给他讲解了一下基础知识,

又花了一个多小时给他搭建开发环境,下IDE,各种环境设置,主要是在百度上面搜到的很多软件都不能用,一个是集成了广告,一个是有病毒,或者有些根本就不是官方软件,最后给他写测试代码,再帮他调试成功。因为时间有点晚了。所以也没交流太长时间,打算今天早上来了后再交流的,结果发消息不在线。所以这里先把思路给大家分享一下。等他上线后再跟他交流。

昨天公司这边开会讨论了一下,实际上是几个关键点,一个是易用性,一个是可扩展性,一个是用户体验。普通用户更在意的是用户体验,开发人员在意的是易用性和可扩展性。

wangEditor是百度的一个离职的前端员工写的一个编辑器,有些公司在使用,有些个人做项目也在用,感觉微信公众号和小程序这类开发都用了,功能上来说的话不是特别强大。和百度富文本编辑器(ueditor)相比还是差很多,可能在移动端用的多一点吧,因为功能少。不过和ckeditor比也是功能差很多,还有tinymce功能都比wangEditor多。

技术支持这块wangEditor和百度UE一样,主打一个没有技术支持。这块做的还是差了一点,技术社区也做的不够好,没有老外做的好。

解决VUE中使用WANGEDITOR富文本编辑器复制粘贴WORD文档携带内容样式文本问题,WANGEDITOR 粘贴WORD内容带样式解决方法,WANGEDITOR 复制WORD里面带图文的文章,图片可以直接显示,WANGEDITOR 实现CTRL+V粘贴图片并上传、WORD粘贴带图片,wangEditor3粘贴word图片,word图片自动上传到服务器,图片和文字HTML自动添加到编辑器中

wangEditor3粘贴word内容,word图片,word图片自动上传到服务器,图片和文字HTML自动添加到编辑器中

wangEditor3粘贴word图片和文字,word图片自动上传到服务器,图片和文字HTML自动添加到编辑器中

wangEditor4粘贴word图片,word图片和文字,word图文,word内容,word图片自动上传到服务器,图片和文字HTML自动添加到编辑器中

之前在网上也找过相关的资料,论坛里面也有网友交流过,还加过QQ群和微信群,但是基本上都不是太满意。

另外有一个好消息在这里要和大家分享,经开发小组讨论最终还是将WordPaster开源了,有需要的网友可以直接下载:https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr,不需要任何费用,完全免费,随便下载。为什么要开源,也是希望能和广大网友一起学习,一起交流技术,大家共同进步。

公司这边是有几点需求,一个就是需要开源,提供产品完整源代码,公司这边的话项目比较多,

网上的资料大部分内容都是重复的,本身也没有提供太好的方案,都是一些开源的方案,到不是说开源的方案不行,主要就是用起来各种问题,没人解决,也没有人提供技术支持,集成这块可能花的时间成本比较高。

基本上网上文章提的都是没人维护的开源的示例,下载下来用不了,问题还是比较多的,也没有技术支持和维护服务,遇到了问题想问都找不到人问。说实话这类产品公司是不敢考虑的,客户用的话遇到了问题我们也解决不了,这样会降低公司的产品服务质量。不利于维护客户关系。

最近公司的一个项目上有这个需求,客户是央企,每天都会发新闻,也是希望功能更好用一点,这样的话他们发新闻就更加的方便。

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

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

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

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

用户是非常喜欢这个功能,平时工作中用的比较多,用熟了之后,确实工作效率可以说与之前相比是成倍的提升。

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

该说不说,网上真正开源的好用的不多,这是目前为止在网上能够搜到的唯一的一个开源的产品,也可以说是整个行业内的唯一的开源的产品,开源的我见的多了,但是开源的这么彻底的目前为止确实还没见到过,开源咱们就不多说了,开源且提供技术支持的那还真是一个都没见到过。

作为学生来讲,能够从开源代码中学习和吸收知识确实是值得推荐的,除了这些以外还能够加QQ群(223813913)与行业内的大佬交流,共同学习共同进步。

WANGEDITOR编辑器从WORD粘贴公式,百度UEDITOR编辑器WORDIMAGE踩坑,WANGEDITOR 粘贴WORD内容带样式解决方法,解决WANGEDITOR从WORD复制粘贴图片,带有页眉页脚的问题,

WANGEDITOR 实现CTRL+V粘贴图片并上传、WORD粘贴带图片,

完整示例

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

1.复制插件文件

安装jquery

npm install jquery

2.导入组件

初始化WordPaster组件

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

接口测试:接口测试

接口返回JSON格式参考:

提取图片地址

为wangEditor编辑器添加按钮

整合效果:

订阅版:Word一键粘贴控件-产品价格-泽优软件

政企版:Word一键粘贴控件-产品价格-泽优软件

年费版:Word一键粘贴控件-产品价格-泽优软件

OEM版:Word一键粘贴控件-产品价格-泽优软件

源码版:Word一键粘贴控件-产品价格-泽优软件

免费下载源代码:wordpaster-code.zip

免费下载授权器:wordpaster-lic-app.zip

1.国内唯一支持多种开发语言(.NET,.NET Core,JAVA,PHP,ASP)

2.国内唯一支持多种编辑器(TinyMCE,CKEditor,UEditor,wangEditor)

编辑器:FCKEditor,CKEditor,KindEditor,UEditor,TinyMCE,wangEditor,xhEditor,eWebEditor,JMEditor,CuteEditor,

 

CMS和Web应用:动易SiteFactory,帝国CMS,DEDECMS,PHPCMS,PbootCMS,KesionCMS,FoosunCMS,YouDianCMS,DokuWiki,Z-Blog

https://m.qpic.cn/psc?/V11wqy8j4IH68G/ruAMsa53pVQWN7FLK88i5tBvr3jiAVnxsPSCdLhpzq0EgMCb8.5kNtA8EOXihuACi396CBmAFqc3w3aPZCim.U3i4Nw7ITU9dtCKJc8EHH8!/b&bo=gQTmA4EE5gMDByI!&rf=viewer_4

http://bbsres2.ncmem.com/55348028cff14f39b0fec89581d34b31.png

http://bbsres2.ncmem.com/1d980f453deb492d98b8ceb13524b46d.png

http://bbsres2.ncmem.com/2d1a0c679c084d859585c40f1f6af905.png

http://bbsres2.ncmem.com/10b213ce38cf4bcfb40cf48f4b563300.png

 

5.Word,Excel,PowerPoint,PDF,微信公众号及网络图片一键导入

支持Word,Excel,PowerPoint文档内容一键粘贴。支持PDF文档一键导入,支持微信公众号和网络图片一键导入。

http://res2.ncmem.com/res/images/wordpaster/ppt.png

7.国内唯一支持第三方应用集成(WordPress,PHPCMS,DedeCMS,动易SiteFactory)

1.国内唯一支持完全买断授权,助力企业降本增效。

国内唯一提供OEM产品授权,完全买断产品使用授权,不限用户数量,不限站点数量,不限服务器数量。

适用群体:央企,国企,上市企业,企业集团,政府科研机构,CMS企业

免费下载OEM版报价单:Word一键粘贴控件-产品价格-泽优软件

2.国内唯一支持IE浏览器,IE6,IE7,IE8,IE9,IE10,IE11

3.国内唯一免费提供源代码下载,满足企业100%自主安全可控需求。

  有自己的产品,比如OA,CMS,可以集成到自己的产品中使用,然后销售给多个客户。

适用群体:央企,国企,上市企业,企业集团,政府科研机构

提供全平台产品源代码(Windows,macOS,Linux,信创国产化),免费提供远程一对一专业技术支持服务,加群。

免费下载产品源代码:https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr

免费下载报价单:Word一键粘贴控件-产品价格-泽优软件

拉取源代码

从泽优核心代码库中拉取,这个代码库是完全对外开放的,所有用户均可访问

  


在Windows中克隆

ActiveX(x86)控件截图

  

macOS工程源码

免费提供macOS平台编译,打包,部署和远程一对一专业技术指导,完全解决企业后期自主维护痛点

macOS编译成功

macOS打包成功

macOS控件包

免费提供linux平台产品源代码,免费提供编译,开发,部署等指导服务。

公共库boost编译

  

编译公共库ImageMagick

  

编译基础库appcore

免费提供CentOS平台产品源代码,免费提供编译,开发,部署等指导服务。

搭建开发环境

从GitHub中克隆项目

CentOS控件编译成功

龙芯-loongarch-工程源码

  

打包成功

  

龙芯-loongarch-控件包

 

4.国内唯一免费提供授权码生成器下载

免费下载泽优Word一键粘贴控件(WordPaster)授权码生成器:wordpaster-lic-app.zip

  

填写授权地址,点击按钮:生成授权码,自动生成授权码,非常的方便,而且没有任何限制,可以快速的给多个客户使用。

  

用于生成IP,域名,网站授权码,配置后即可使用。

8.国内唯一免费提供技术交流群,免费提供技术支持,免费提供技术交流

9.国内唯一免费提供视频教程

10.满足企业多项目,多产品,多系统,多平台,多终端,多用户应用场景。

11.满足企业无限授权,自主授权,变更授权等使用需求。

12.国内唯一提供年费版授权方式,以年为单位为企业提供不限数量的授权服务,域名不限,IP不限,服务器不限,产品数量不限,满足企业灵活使用,灵活部署需求

下载泽优Word一键粘贴控件(WordPaster)-年费版报价单:Word一键粘贴控件-产品价格-泽优软件

14.支持信创国产化,满足政府信息安全需求。

15.适用群体:央企,国企,上市企业,企业集团

16.标杆案例:中国人民解放军,中国交通,中国中车,中国石油,中国石化,长江电力

  • 7
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Tinymce提供了一些配置选项,可以实现从Word复制粘贴内容并保留格式和图片的功能。具体实现步骤如下: 1. 加载tinymce的源文件和plugins目录下的插件文件。例如: ```html <script src="/path/to/tinymce.min.js"></script> <script src="/path/to/plugins/paste/plugin.min.js"></script> <script src="/path/to/plugins/paste/plugin.min.js"></script> ``` 2. 设置tinymce的选项,包括使用的主题、插件和工具栏等。例如: ```javascript tinymce.init({ selector: 'textarea', plugins: 'paste image', toolbar: 'undo redo | bold italic | image', paste_data_images: true, images_upload_url: '/path/to/upload', images_upload_handler: function (blobInfo, success, failure) { // 处理图片上传 } }); ``` 其中,paste_data_images选项用于启用从Word中粘贴图片的功能,images_upload_url和images_upload_handler用于处理上传的图片。 3. 在服务器端处理上传的图片,并返回图片的URL地址。例如,使用PHP实现图片上传功能: ```php <?php if ($_FILES['file']['error'] === UPLOAD_ERR_OK) { $file_tmp = $_FILES['file']['tmp_name']; $file_name = $_FILES['file']['name']; $file_ext = pathinfo($file_name, PATHINFO_EXTENSION); $file_path = '/path/to/images/' . uniqid() . '.' . $file_ext; move_uploaded_file($file_tmp, $file_path); echo json_encode(['location' => $file_path]); } else { echo json_encode(['error' => '上传失败']); } ``` 以上就是使用Tinymce实现从Word复制粘贴内容并保留格式和图片的方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值