如何将word图片粘贴到动易CMS里面
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里面相关推荐
- Word图片粘贴上传控件,直接粘贴图片到编辑器-DEDE
如何做到 ueditor批量上传word图片? 1.前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// ...
- 如何将word图片粘贴到FCKEditor里面
Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能.但是无 ...
- 如何将word图片粘贴到TinyMCE里面
项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的 编辑器,tin ...
- 如何在html中定义字段文字,如何在自定义字段中插入html代码和标签|动易Cms
如何在自定义字段中插入html代码和标签 在自定义字段里面直接插入html代码还有标签是解析不出来的. 但是我们可以通过以下的方法来实现. 1. 添加一个自定义字段.命名为MY_zdy 修 改 字 段 ...
- php能连接动易吗,动易CMS数据转成dedecms的php程序
关键字描述:程序 数据 " rs-> echo value Fields -> conn2 PS:这个可以举一反三,如新云或NB等asp文章系统都可转为dede ...
- 动易CMS - 设为首页代码和加入收藏代码(兼容各种浏览器)
注意: 这里虽然说是兼容,但是有些浏览器的设置就是不支持用js来把页面设为首页,加入收藏夹,只能让用户手动去在浏览器或者按键去设置这些功能,这里说的兼容是指当浏览器有这个设置的时候js会有提示. ...
- 动易sf生成html,Powereasy siteweaver 6.8转换为dedecms5.7的方法
Powereasy siteweaver 6.8转换为dedecms5.7的方法 发布时间:2015-09-26 23:34:44 作者:佚名 我要评论 动易其实也是一个很强大的CMS,但是听 ...
- 动易SiteFactory CMS自动采集器 V2.0
动易SiteFactory CMS采集器说明 注:本程序需要.NET FrameWork 2.0或2.0以上版本的支持(Vista可直接运行本程序,无需安装.NET FrameWork 2.0) ...
- 漫谈CMS:ZOOMLA、NETCMS、风讯、动易异同
纵观现如今国内CMS程序,大有百花争艳的感觉,随着企业建站需求的复杂度和功能的不断扩展,传统的三五个人写一段代码即告网站建已经行不通,于是以内容管理为应用核心的CMS产品大行其道. 这些CMS系统大体 ...
- 动易开源了,是不是说动易也免费了?
1.11日,动易迎来了自发布<动力文章系统>1.0以来的第五个年头,而动易在1.8日,就在CMS市场上投下了一枚重磅炸弹--开源.动易宣布最新的PowerEasy® SiteWeaver™ ...
最新文章
- AI 通过眼睛的反光度,来识别是否 Deepfake 换脸
- linux3.0 nand分区,OK6410(256MRAM2Gnandflash) Linux3.0.1内核移植
- 数据结构的定义和简介
- OEMAddressTable介绍
- 关于1970-1-1 00:00.000的知识【转】
- IETF:名词历史简介互联网精神的典范
- yenv - 一个使用 JAML 文件管理环境的 Node.js 工具
- 美味果冻(牛客练习赛53B)
- 女人必知 教你认清6种隐性坏男人
- Android下常见的内存泄露 经典
- Shiro系列-Authenticator和AuthenticationStrategy是什么
- eclipse创建maven
- 【java学习之路】(javaWeb篇)005.Js之DOM、对象、函数上下文
- 线材下料优化python算法_深度学习中的优化算法(Optimizer)理解与python实现
- Rayman的绝顶之路——Leetcode每日一题打卡1
- 《最强大脑:魔方墙找茬王郑才千的学神秘笈-郑才千》-读书笔记
- 阔别两年的重逢丨CIMT2019中图仪器精彩重现
- 软考-信息安全工程师-1
- android中LitePal的使用
- javascript 中 parentNode,childNodes、children 应用
热门文章
- 前端字体截取技术,做炫酷网站再也不用怕中文字体数据量大啦!【实战】
- Java 实现倒数第一个斜杠和倒数第二个斜杠数据工具类
- 端口已被占用1080(解决方案)
- 顶级赛事 | 2019 CCF BDCI,最值得参与的国际大数据及AI赛事之一
- c语言式表白,c语言表白必备
- Laravel 使用百度地图实现地理位置转经纬度
- Wincc常用C脚本
- 第六章 三维全景技术
- 2022-03-09:我们正在玩一个猜数游戏,游戏规则如下: 我从 1 到 n 之间选择一个数字。 你来猜我选了哪个数字。 如果你猜到正确的数字,就会 赢得游戏 。 如果你猜错了,那么我会告诉你,我选
- ABB变频器电路图 ACS510图纸 ACS550原理图 ACS800变频器。pdf格式