WORD里头的图片如何直接复制到wangEditor编辑器

图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码
目前限chrome浏览器使用
首先以um-editor的二进制流保存为例：
打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉其中的代码。
加入下面的代码：

//判断剪贴板的内容是否包含文本

//首先解释一下为什么要判断文本是不是为空

//在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象

//为了兼容4种格式的情况，做了如下的判断

//如下代码：e.originalEvent.clipboardData.items获得剪贴板的内容

//当粘贴了文本之后text是不为空的，同时也会返回当前文本的图片类型

//如果有文字的话不做任何的处理，如果只粘贴图片的话文本一定是空的，包括复制的桌面图片或者截图的图片

var text = e.originalEvent.clipboardData.getData("text");

if(text == ""){

var items=e.originalEvent.clipboardData.items;

for (var i = 0, len = items.length; i < len; i++) {

var item = items[i];

if ( item.kind == 'file' && item.type.indexOf('image/') !== -1 ) {

var blob = item.getAsFile();

getBase64(blob, function( base64 ) {

//sendAndInsertImage(base64,me); 上传到服务器

setBase64Image(base64,me);

});

//阻止默认事件, 避免重复添加;

e.originalEvent.preventDefault();

};

}

两个方法：

//执行插入图片的操作

function setBase64Image(base64,editor){

editor.execCommand('insertimage', {src: base64,_src: base64});

}

//获得base64

function getBase64(blob, callback) {

var a = new FileReader();

a.onload = function(e) {callback(e.target.result);};

a.readAsDataURL(blob);

};

效果展示：

详细内容可参考这篇文章：ueditor word图片上传 – 泽优软件博客

讨论群：223813913

WORD里头的图片如何直接复制到wangEditor编辑器相关推荐

wangEditor 实现ctrl+v粘贴图片并上传、word粘贴带图片
在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper. 通过知乎提供的思路找到粘贴的原理,通过TheViper找 ...
Java使用Poi填充Word表格模板(图片和文字)
Java使用Poi填充Word表格模板(图片和文字) **** 由于个人需求需要对表格模板进行操作,所以本文章只对表格进行替换数据操作,没有段落,没有循环遍历,没有延伸!!!!!(后续补充!!!) * ...
word无法显示图片的问题终于搞定！oh yeah！
我的word中的图片只显示一个方框,这个问题困扰我有一段时间了,今天终于搞定. 原因如下: Word中不能显示公式问:在Word 2003中编辑好的公式无法显示,只显示为一个方框,该怎么办? 答:W ...
winform剪贴板如何同时存储图片和文字_你真的会在Word里插入图片吗？没那么简单！...
点击上方[word精品教程]-右上角[...]-[设为星标⭐] 即可第一时间获取最新办公资讯作者:Cxiaon 来源:松鼠App推荐站(ID:TuoYanSS) 今天来讲讲图片插入,经常会遇到一种 ...
word怎么设置图片编号（图片下标，图片标签，图片序号，图片注释，题注）（交叉引用）
参考文章1:word怎么设置图片自动编号参考文章2:WORD教学五(论文排版之论文中的图表跟随章节插入题注) 参考文章3:题注或页码中不含章节号请使用"开始"选项卡下的" ...
FreeMaker+Xml导出word（含图片）
最近在做一个简报导出的功能,要求导出word格式,上网找了很多资料,一开始选择了poi后来发现poi只能导出简单的word数据,后来偶然发现了通过FreeMaker模板生成word,说实话,还挺好用的 ...
python读取word图片_Python中如何读取Word中的图片
Python能够快速的编写.调试,用来提取各类软件中的图片再好不过了.今天小编就为大家带来在Python中提取Word图片的方法. 方法需要批量的修改文件后缀名,并且解压之后将图片拷贝到需要存放的地 ...
java替换图片中文字_Java 添加、替换、删除Word中的图片
文档中,可以通过图文混排的方式来增加内容的可读性,相比纯文本文档,在内容展现方式上也更具美观性.在给文档添加图片时,可设置图片的文本环绕方式.旋转角度.图片高度/宽度等:另外,也可对文档中已有的图片实 ...
Aspose.Words操作Word.PDF,让图片和文本垂直居中,水平居中解决方案
Aspose.Words操作Word.PDF,让图片和文本垂直居中,水平居中解决方案参考文章: (1)Aspose.Words操作Word.PDF,让图片和文本垂直居中,水平居中解决方案 (2)ht ...

WORD里头的图片如何直接复制到wangEditor编辑器

WORD里头的图片如何直接复制到wangEditor编辑器相关推荐

最新文章

热门文章