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

如何将word图片粘贴到动易CMS里面相关推荐

  1. Word图片粘贴上传控件,直接粘贴图片到编辑器-DEDE

    如何做到 ueditor批量上传word图片? 1.前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// ...

  2. 如何将word图片粘贴到FCKEditor里面

    Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能.但是无 ...

  3. 如何将word图片粘贴到TinyMCE里面

    项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的 编辑器,tin ...

  4. 如何在html中定义字段文字,如何在自定义字段中插入html代码和标签|动易Cms

    如何在自定义字段中插入html代码和标签 在自定义字段里面直接插入html代码还有标签是解析不出来的. 但是我们可以通过以下的方法来实现. 1. 添加一个自定义字段.命名为MY_zdy 修 改 字 段 ...

  5. php能连接动易吗,动易CMS数据转成dedecms的php程序

    关键字描述:程序 数据 &quot rs-&gt echo value Fields -&gt conn2 PS:这个可以举一反三,如新云或NB等asp文章系统都可转为dede ...

  6. 动易CMS - 设为首页代码和加入收藏代码(兼容各种浏览器)

    注意: 这里虽然说是兼容,但是有些浏览器的设置就是不支持用js来把页面设为首页,加入收藏夹,只能让用户手动去在浏览器或者按键去设置这些功能,这里说的兼容是指当浏览器有这个设置的时候js会有提示.   ...

  7. 动易sf生成html,Powereasy siteweaver 6.8转换为dedecms5.7的方法

    Powereasy siteweaver 6.8转换为dedecms5.7的方法 发布时间:2015-09-26 23:34:44   作者:佚名   我要评论 动易其实也是一个很强大的CMS,但是听 ...

  8. 动易SiteFactory CMS自动采集器 V2.0

    动易SiteFactory CMS采集器说明   注:本程序需要.NET FrameWork 2.0或2.0以上版本的支持(Vista可直接运行本程序,无需安装.NET FrameWork 2.0) ...

  9. 漫谈CMS:ZOOMLA、NETCMS、风讯、动易异同

    纵观现如今国内CMS程序,大有百花争艳的感觉,随着企业建站需求的复杂度和功能的不断扩展,传统的三五个人写一段代码即告网站建已经行不通,于是以内容管理为应用核心的CMS产品大行其道. 这些CMS系统大体 ...

  10. 动易开源了,是不是说动易也免费了?

    1.11日,动易迎来了自发布<动力文章系统>1.0以来的第五个年头,而动易在1.8日,就在CMS市场上投下了一枚重磅炸弹--开源.动易宣布最新的PowerEasy® SiteWeaver™ ...

最新文章

  1. AI 通过眼睛的反光度,来识别是否 Deepfake 换脸
  2. linux3.0 nand分区,OK6410(256MRAM2Gnandflash) Linux3.0.1内核移植
  3. 数据结构的定义和简介
  4. OEMAddressTable介绍
  5. 关于1970-1-1 00:00.000的知识【转】
  6. IETF:名词历史简介互联网精神的典范
  7. yenv - 一个使用 JAML 文件管理环境的 Node.js 工具
  8. 美味果冻(牛客练习赛53B)
  9. 女人必知 教你认清6种隐性坏男人
  10. Android下常见的内存泄露 经典
  11. Shiro系列-Authenticator和AuthenticationStrategy是什么
  12. eclipse创建maven
  13. 【java学习之路】(javaWeb篇)005.Js之DOM、对象、函数上下文
  14. 线材下料优化python算法_深度学习中的优化算法(Optimizer)理解与python实现
  15. Rayman的绝顶之路——Leetcode每日一题打卡1
  16. 《最强大脑:魔方墙找茬王郑才千的学神秘笈-郑才千》-读书笔记
  17. 阔别两年的重逢丨CIMT2019中图仪器精彩重现
  18. 软考-信息安全工程师-1
  19. android中LitePal的使用
  20. javascript 中 parentNode,childNodes、children 应用

热门文章

  1. 前端字体截取技术,做炫酷网站再也不用怕中文字体数据量大啦!【实战】
  2. Java 实现倒数第一个斜杠和倒数第二个斜杠数据工具类
  3. 端口已被占用1080(解决方案)
  4. 顶级赛事 | 2019 CCF BDCI,最值得参与的国际大数据及AI赛事之一
  5. c语言式表白,c语言表白必备
  6. Laravel 使用百度地图实现地理位置转经纬度
  7. Wincc常用C脚本
  8. 第六章 三维全景技术
  9. 2022-03-09:我们正在玩一个猜数游戏,游戏规则如下: 我从 1 到 n 之间选择一个数字。 你来猜我选了哪个数字。 如果你猜到正确的数字,就会 赢得游戏 。 如果你猜错了,那么我会告诉你,我选
  10. ABB变频器电路图 ACS510图纸 ACS550原理图 ACS800变频器。pdf格式