TINYMCE实现从WORD直接粘贴并自动上传图片

最新推荐文章于 2024-04-15 11:31:42 发布
最新推荐文章于 2024-04-15 11:31:42 发布
阅读量347 收藏 5
点赞数 1
文章标签： 能粘贴WORD 粘贴word 织梦CMS上传WORD word图片上传
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52041354/article/details/137075323
版权

1.下载示例。

Word一键粘贴控件-示例-泽优软件
 


2.集成到项目中
将示例中的插件目录复制到项目中

2.1.上传WordPaster目录

43ee9dbb-7c18-414b-a347-48bd24f26008

2.2.上传4个插件目录,wordpaster,pdfimport,pptpaster,netpaster

3.在工具栏中增加wordpaster按钮

650b4f14-34b3-4aac-a350-fa89e2c4a987


注意：不要重复引入JQ，如果您的项目已经引入了JQ，则取消引入JQ-1.4

引用页面代码：
在线代码：index.php · 泽优软件/wordpaster-php-tinymce3x - Gitee.com

常见问题：

1.为什么整合到项目中图片无法上传？

可能原因：可能上传页面有登陆验证，上传时没有添加SESSION信息，导致上传失败。可在上传页面增加SESSION参数。

weixin_52041354
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TinyMCE粘贴word图片且图片文件自动上传功能
Mr_Zang666的博客
03-15 2153
3.基础配置 powerpaste_allow_local_images: true, //powerpaste允许黏贴 powerpaste_word_import: "clean", // 是否保留word粘贴样式 clean | merge （具体可查看官方文档）powerpaste_word_import: "clean", //powerpaste黏贴的样式获取方式。skin_url: "/static/skins/ui/oxide", // tinymce UI引入。
TinyMCE + 插件powerpaste实现word直接粘贴富文本,同时上传图片.zip
07-05
powperpaste现在是收费插件,官网最低售价12美元/每月,可从word直接粘贴富文本,同时上传图片
TinyMCE富文本编辑器，实现粘贴进来的Base64图片自动上传、图片压缩上传
m0_60312580的博客
07-17 1894
TinyMCE富文本编辑器，实现粘贴进来的Base64图片自动上传、图片压缩上传
TinyMCE 实现ctrl+v粘贴图片并上传、word粘贴带图片
Mr_Zang666的博客
04-24 741
"Servers" :[{"url":"www.ncmem.com"},{"url":"www.xproerui.com"}]//内部服务器地址(不下载此地址中的图片)JPG/PNG/GIF/BMP，推荐使用JPG格式，防止出现大图片。, "PasteImageType" : "" //粘贴文件，剪帖板的图片格式，为空表示本地图片格式。, "PasteImgSrc" : "" //shape:优先使用源公式图片，img:使用word自动生成的图片。
在TinyMCE编辑器上传pdf，并且解析回显到编辑器中
最新发布
s130_的博客
04-15 596
一开始，我是准备使用原生的iframe插入到编辑器中，后来经过测试，因为我的项目这个富文本的内容html最后是传到后端，让后端通过html解析生成pdf的,经过测试发现iframe标签不能被解析成pdf，所以我的大致思路是准备将pdf解析后，在我这边转成图片标签传给后端，最近客户提出，希望在使用的富文本编辑器中，增加一个上传pdf还要显示在编辑器中的一个需求，我网上找了下资料发现TinyMCE编辑器没有这个功能，好在这个TinyMCE支持自定义按键，所以准备写一个自定义按钮。
TinyMCE 图片粘贴上传，实现图文粘贴，图片自动上传
weixin_45525177的博客
04-03 483
我们希望能够在粘贴过程中，将Word中的图片自动上传到服务器中。对于后端开发语言的支持，我们希望能够满足各种开发语言的需求，包括但不限于ASP、ASP.NET、JSP、PHP和Python等。关于在TinyMCE中粘贴图片、粘贴Word文档、一键导入Word文档以及粘贴Word内容，目前在网上能找到的解决方案并不是特别多。总的来说，我们需要一个能够实现在TinyMCE中粘贴Word图文内容，并能够自动上传图片到服务器的解决方案。此外，如果能够实现不安装任何控件的情况下完成上述功能，那将是最佳选择。
tinymce富文本简单配置及word内容粘贴图片上传
zhangxinrongr的博客
03-19 733
至于这里为什么用5，不用6，因为6在火狐76版本中兼容性存在一定问题，富文本初始化有问题，所以这里采用5。注：tinymce 6 与tinymce 5 在配置属性名发生过改变，详细参考官网。将下载好的语言包，放置在vue的public文件夹中，然后在代码中引入进来。附上官网地址：https://www.tiny.cloud/docs/2、当下载好插件后，需要到node_modules中找到tinymce。3、需要汉化的还需下载一个语言包，将插件翻译成中文，下载地址如下。图片上传并替换Url。
支持复制粘贴word图片的TinyMCE编辑器
Mr_Zang666的博客
05-15 642
"wordPathFormat": "/public/uploads/word/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */在ueditor\ueditor.all.js文件中UE.plugin.register('simpleupload', function (){})下方新增如下方法。"wordAllowFiles": [".docx"] /* 仅支持docx格式的word */
富文本编辑器tinymce支持从word复制粘贴保留格式和图片的插件powerpaste源码
01-29
tinymce是很强大的富文本编辑器，可以去官网下载，这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用，此插件目前官网收费每月12美刀，我们就不花这钱了。以vue为例说明：将tinymce下载...
支持word、excel带格式粘贴tinymce powerpaste插件-4.0.1-3X兼容tinymce5.2.0版
12-04
解压后放到plugins目录即可使用，兼容tinymce5.2.0版，亲测可用 富文本编辑器tinmcy 插件，tinymce富文本编辑器集成demo，添加powerpaste插件，支持word、...demo.html，tinymce实现从word直接粘贴并自动上传图片。
tinymce 自定义多图片批量上传插件 附使用示范Test
06-22
tinymce 官方只有单图片上传功能，本人试重网上查找多图片批量上传的例子，无奈找不到合适的，唯有自力更新，帮助更多的网友。
tinymce粘贴word插件powerpaste
04-16
tinymce 4使用powerpaste-3.3.3-308， tinymce 5使用powerpaste-4.0.1-317， 内附demo
tinymce实现从word直接粘贴并自动上传图片
weixin_52041354的博客
09-17 235
参考文章：http://blog.ncmem.com/wordpress/2023/09/17/tinymce%e5%ae%9e%e7%8e%b0%e4%bb%8eword%e7%9b%b4%e6%8e%a5%e7%b2%98%e8%b4%b4%e5%b9%b6%e8%87%aa%e5%8a%a8%e4%b8%8a%e4%bc%a0%e5%9b%be%e7%89%87/语言包下载：https://www.tiny.cloud/get-tiny/language-packages/
vue2 使用tinymce编辑器实现上传图片及粘贴word文本保留格式并粘贴图片自动上传
周家大小姐
06-09 5742
下载对应的版本 然后在node_modules中找到tinymce把整个文件复制下来粘到public中在组件页面使用根据自己需求进行注释或添加功能 页面使用
Vue项目中使用Tinymce，解决图片上传/粘贴
weixin_45525177的博客
10-17 3002
本来是打算使用正则来找到图片, 获得服务器返回的内容,再使用正则匹配替换, 后来发现TinyMCE提供了urlconverter_callback用于处理url替换, 它有四个参数:url,node,an_save,name,主要使用到的是要替换的url地址, 这个方法返回的是替换后的url地址;”, 那继续加复制粘贴功能呗！
tinymce富文本实现导入word功能
weixin_52041354的博客
10-26 614
可能原因：可能上传页面有登陆验证，上传时没有添加SESSION信息，导致上传失败。可在上传页面增加SESSION参数。2.2.上传4个插件目录,wordpaster,pdfimport,pptpaster,netpaster。注意：不要重复引入JQ，如果您的项目已经引入了JQ，则取消引入JQ-1.4。3.在工具栏中增加wordpaster按钮。2.1.上传WordPaster目录。1.为什么整合到项目中图片无法上传？将示例中的插件目录复制到项目中。
TinyMCE从word复制粘贴公式
Mr_Zang666的博客
06-16 379
"Servers" :[{"url":"www.ncmem.com"},{"url":"www.xproerui.com"}]//内部服务器地址(不下载此地址中的图片)JPG/PNG/GIF/BMP，推荐使用JPG格式，防止出现大图片。, "PasteImageType" : "" //粘贴文件，剪帖板的图片格式，为空表示本地图片格式。, "PasteImgSrc" : "" //shape:优先使用源公式图片，img:使用word自动生成的图片。
富文本编辑器tinymce从word复制粘贴保留格式和图片
06-10
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、付费专栏及课程。

余额充值