VUE项目中使用TINYMCE，解决图片上传/粘贴

VUE项目中使用TINYMCE，解决图片上传/粘贴，如何将WORD公式粘贴到TINYMCE里面，TINYMCE从WORD复制粘贴公式，TINYMCE 复制WORD里面带图文的文章，图片可以直接显示，使用TINYMCE编辑器从WORD保持原格式复制粘贴的办法，VUE项目中的TINYMCE富文本编辑器如何从WORD中粘贴图片上传到七牛云，富文本插件TINYMCE使用CTRL+V粘贴图片上传到远程服务器，关于tinymce粘贴图片，粘贴word，一键导入word，粘贴word内容，网上能找到的方案不是特别多，都是通过HTML5提供的API来实现的。

粘贴word内容，粘贴word图片，粘贴word图文，

之前在网上也找过相关的资料，论坛里面也有网友交流过，也加过一些QQ群和微信群，但是结果都不太令人满意。网上的文章基本上提了一些开源方案，项目组在评估过程中发现这些开源方案现在基本上都没有人维护了，而且也联系不到开发人员，项目组这边不太敢用。之前公司项目组在这块也踩过坑。给客户做的项目，二期的时候客户提了一个新的需求，但是之前用的一个产品官网直接打不开了，开发人员也联系不上，项目组这边干着急，因为对这个产品都不熟，直接影响了二期上线。

产品不是我们公司自己开发的，如果遇到问题的话公司这边要花很多成本来解决，客户如果在使用过程中遇到问题的话也不好解决，如果客户提出了定制开发和自定义的业务需求怎么办，不能够提供技术支持，也没有维护服务，用的不放心。

大部分文章和回复都不太靠谱，基本上都是没有实际的项目应用经验。

复制word内容然后粘贴到tinymce富文本编辑器中，word里面的图片自动上传到服务器中，返回图片和文字HTML，保留word文字的样式，字体大小，字体颜色。

可以用快捷键（Ctrl+V）操作，

用户发布新闻的时候是从word里面复制图片和文字，基本上内容都是提前在word中编辑好的，然后将word图文内容粘贴到web富文本编辑器中，希望能够将word的图片自动上传到服务器中，保留word中编辑好的内容的样式，比如间距，字体，字号，颜色，表格，边框等。

服务器地址能够自定义，

后端的话需要支持任意开发语言，比如ASP,ASP.NET,JSP,PHP,PYTHON等。只要是基于标准HTTP协议的都要支持。如果能够不装控件最好，

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

下载示例

https://gitee.com/xproer/wordpaster-vue-tinymce5

1.复制插件文件

安装jquery

npm install jquery

2.在组件中引入

添加工具栏

在线代码：https://gitee.com/xproer/wordpaster-vue-tinymce5/blob/master/src/components/tinymce.vue#L44

添加插件

在线代码：https://gitee.com/xproer/wordpaster-vue-tinymce5/blob/master/src/components/tinymce.vue

初始化wordpaster组件

3.在页面中引入组件

整合效果：

订阅版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAw70JsA8m
政企版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuqJtN30#/

年费版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwFouDIB4#/

OEM版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwV00mQSY

产品源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwz13B5Tr