PHPcms编辑器如何粘贴带格式的word文档

Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧
Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。


我希望打开Word或者WPS文档后,复制内容然后直接粘贴到富文本编辑器中,编辑器自动将图片批量上传到服务器中,无论文档中有多少张图片,编辑器都全部自动上传,不需要再手动一张张处理。同时能够将图片上传到我指定的接口中,服务器需要将图片单独保存在存储服务器中,比如可能是云存储,或者是分布式存储,最后直接发布内容。
 

 

感觉这个似乎很困难,因为Ueditor本身不支持,粘贴后直接就是空白,这里面一定有原因。

好,开始尝试UMeditor,Chrome只能获得本地路径,无法读取文件。

https://ueditor.baidu.com/website/umeditor.html(有兴趣可以试试)

 

 

难道就这么失败了?

,但是我意外发现UMeditor竟然支持粘贴word中的多张图片(仅支持IE11,不支持IE10以下版本、以及Chrome等)

切换HTML,会看到你的图片被组织成base64 

 

nice,机会来了,既然IE支持复制word中的多张图片直接粘贴base64,既然有了base64我们就有办法上传转图片啦!

那么我们来改造Ueditor,让他支持IE11(总比没得用强吧)

打开你的ueditor.all.js(1.4.3版本以下行号根据自己使用的版本可能不同)

1、注释掉14679行(暂时不明确有什么不良影响)

//执行默认的处理

//me.filterInputRule(root);

2、在28725行插入以下代码(如果是使用IE11粘贴会得到base64,先用占位符占位,再逐个把base64专成Blob文件并上传,上传完成再替换为你的img属性src为服务器图片url)

 

服务端上传代码

 

处理后的效果,能够批量上传word中所有的图片,真的是太方便了。无论多少张图片都可以一次性批量上传。这个功能真的是太方便了,大幅度提升了内容编辑人员的效率。以前一天只能发布一篇文章,现在能够发布100篇,这效率简直提升了100倍呀。

 

图片上传后保存在服务器端。而且也可以指定上传接口地址,这个也比较方便。因为我们的业务是将图片保存在单独的云存储服务器中。

 

3、处理ueditor提供的uploadimage方法

客户已经使用半年,没有问题,非常有用,非常方便的功能

讨论群:223813913

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
PHPcms v9是一款流行的开源内容管理系统,其默认的编辑器图片上传功能使用的是Flash方式,但由于有些浏览器对Flash的支持度不高,因此用户在上传图片时可能会遇到兼容性问题。为了解决这个问题,可以将图片上传方式改为H5方式。 H5是指HTML5,它提供了一种直接在浏览器端进行文件操作的方法。相比Flash方式,H5图片上传更加方便、用户体验更好,且无需依赖插件。改为H5图片上传,可以提升用户的使用体验,减少出错的可能性。 要将PHPcms v9的编辑器图片上传改为H5方式,首先需要修改编辑器的配置文件。在配置文件中,找到相关设置项,并将相应的值从Flash改为H5。这样做可以告诉系统,使用H5方式进行图片上传。 然后,我们需要在代码中进行相应的修改。主要包括前端页面和后台上传文件的处理逻辑。在前端页面中,需要修改上传按钮的代码,更换为H5的方式,并且添加相应的事件监听器。在后台处理逻辑中,需要修改文件的上传方式,以适应H5方式。 改为H5图片上传后,用户上传图片时可以直接拖拽文件到编辑器中,或者通过点击上传按钮选择文件进行上传。系统将会自动将图片上传到服务器,并在编辑器中显示出来。这样,用户就可以更方便地插入和管理图片了。 总之,将PHPcms v9的编辑器图片上传方式改为H5,可以提升用户体验,降低兼容性问题,并使用户更加便捷地使用该系统。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值