VUE项目中使用TINYMCE富文本编辑器实现图片上传/粘贴格式

最新推荐文章于 2024-08-30 11:22:09 发布

weixin_52041354

最新推荐文章于 2024-08-30 11:22:09 发布

阅读量1.4k

点赞数 10

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_52041354/article/details/140955320

版权

昨天晚上论坛里面有一位网友给我发私信请教问题，如何解决word内容复制粘贴的问题，这位网友也是刚开始学习接触这块，很多基础知识并不了解，比如如何上传图片，如何保存图片，如何返回文件路径，这些技术他都不了解。先花了大概半个小时左右的时间给他讲解了一下基础知识，然后又花了一个小时的时间帮他搭建了一个开发和测试环境，在网上找开发软件就花了很长时间，因为百度上面搜到很多软件都是不能用的，一是有广告，二是有病毒，最后又花了一个小时左右的时间帮他写了一个测试代码，然后调试成功。后面又花了一个多小时帮他在网上找资料，配置tinymce编辑器的各种功能，确实有点累，但是收获也是非常大的，再一次熟悉了tinymce的配置，然后这位网友也熟悉了基础功能的配置。

昨天晚上因为很晚了，所以没探讨很长时间，只是大概讲了一下思路，本来计划是今天早上再跟他继续交流的，结果发现他不在线，所以这里就不等他了，先把思路和大家分享一下。说实话之前也是遇到过这个问题，也很头疼，花了很多时间都没搞定，当时老想着有没有简单点的方法，或者一句话，一句代码，但是最终发现这个想法就是一个空想。

实际上还是非常高兴能够为网友免费提供技术服务的，能够接识更多的网友真的很让人高兴，在交流的同时也能提升自己的技术水平，一举两得。

这位网友也是在网上接了一个单子，给他们那里的一家企业做一个网站，企业那边的负责人希望发布内容的时候能够从word里面复制内容然后粘贴到网站的编辑器中，这样的话他们操作起来也简单一些。他们也不是专业的技术人员，也没有多少技术基础，主要的需求就是希望发文简单。

非常高兴能够为网友提供免费技术支持和免费源代码下载服务，在交流的同时能够认识更多的朋友，这是一件非常高兴的事情。目前为止，我们为很多大学生提供了免费的技术支持，还为很多个人兴趣爱好者提供了免费的代码下载服务，他们也非常的高兴能够免费下载产品源代码进行学习和交流。

在这里也给大家分享一个好消息，我们开源了。https://drive.weixin.qq.com/s?k=ACoAYgezAAwqL5iI1g

为什么要开源？嗯，这是一个好问题，主要还是很多网友反馈了这个问题，有很多网友还是大学生，平时对这块的技术也比较感兴趣，希望通过源代码能够学习这块的技术，对自己也是一个提高，还有一些是自由职业者，平时在网上接一些网站做，然后有些用户也有这个需求，大多数企业网站管理员都不太懂技术，或者也有上班的员工。反正各种都有。考虑到这么多网友都有兴趣，而且都提供了邮箱，也没有时间一个个发源码了，这里就提供一个地址大家都可以下载。除了开源以外我们还提供了7*24小时的免费在线技术支持群，大家也可以加QQ群进行交流。

目前发现很多企业都开始用tinymce，跟论坛和QQ群里面的网友沟通了一下，基本上都觉得tinymce还比较好用，而且一直在更新和维护，除了不是国产的以外，其它的都还不错，功能上也基本上都有，能够满足企业需求，使用也比较简单。文档也比较详细。

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

教育行业用的比较多，很多老师需要上传文章，一般一个文档里面的公式是比较多的，虽然都是图片，但是发布到网上还是比较麻烦。

这个功能对用户来说是非常方便，确实能够提高工作效率。一个文章里面公式图片多的话，传起来是非常麻烦的。

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

下载示例

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

1.复制插件文件