在VUE中用富文本编辑器(可以CTRL+C粘贴)

在VUE中用富文本编辑器(可以CTRL+C粘贴)，公司的这个项目是前后端分离的，前端用的是VUE，编辑器目前是用的tinymce5

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

WANGEDITOR 实现CTRL+V粘贴图片并上传、WORD粘贴带图片，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群和微信群，但是基本上都不是太满意。

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

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

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

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

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

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

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

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

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

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

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

免费下载泽优Word一键粘贴控件（WordPaster）-OEM版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwsDHpXDy

2.国内唯一支持IE浏览器

3.国内唯一免费提供源代码下载

免费下载泽优Word一键粘贴控件（WordPaster）产品源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr

提供Windows平台产品源代码，提供免费远程一对一专业技术支持服务，加群。

免费提供mac平台编译，打包，部署远程一对一专业技术指导

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

免费下载泽优Word一键粘贴控件（WordPaster）授权码生成器：https://drive.weixin.qq.com/s?k=ACoAYgezAAwzYuEEY1

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

5.国内唯一支持多种开发语言（.NET,.NET Core,JAVA,PHP,ASP）

6.国内唯一支持多种编辑器（TinyMCE,CKEditor,UEditor,wangEditor）

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

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

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

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

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

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

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

13.适用群体：央企，国企，上市企业，企业集团

14.标杆案例：中国人民解放军，中国交通，中国中车，中国石油，中国石化，长江电力

 

 

视频教程：https://www.ixigua.com/7232926644107739709

下载示例

​编辑https://gitee.com/xproer/wordpaster-vue-tinymce5

1.复制插件文件

安装jquery

npm install jquery

2.在组件中引入

添加工具栏
 

在线代码：src/components/tinymce.vue · 泽优软件/wordpaster-vue-tinymce5 - Gitee.com

添加插件

在线代码：src/components/tinymce.vue · 泽优软件/wordpaster-vue-tinymce5 - Gitee.com

初始化wordpaster组件

3.在页面中引入组件

整合效果：

订阅版报价单：WordPaster2-订阅版-2023.pdf
政企版报价单：WordPaster2-政企版-2024.pdf
年费版报价单：WordPaster2-年费版-2023.pdf
OEM版报价单：WordPaster2-OEM版-2024.pdf
产品源代码：wordpaster-code.zip