Z-Blog编辑器支持Word文档一键粘贴

图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的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

Z-Blog编辑器支持Word文档一键粘贴相关推荐

WordPress编辑器支持Word文档一键粘贴
百度ueditor新增的将word内容导入到富文本编辑框的功能怎么没有啊,... ueditor实现word文档的导入和下载功能的方法:1.UEditor没有提供word的导入功能,只能说是粘贴复制. ...
WordPress编辑器支持Word文档一键导入
图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例: 打开umeditor.js,找 ...
WordPress编辑器支持Word文档导入
当前功能基于PHP,其它语言流程大抵相同. 大概流程: 1. 将docx文件上传到服务器中 2. 使用PHPoffice/PHPword实现将word转换为HTML 3. 将HTML代码返回并赋值到编 ...
如何在Word文档中粘贴有行号的代码
我们如何在Word文档中粘贴的代码像下图所示: 第一步:进入网站:http://www.planetb.ca/syntax-highlight-word 第二步:将代码粘贴到如图所示的框内第三步:选 ...
使用Office内置的VBA编辑器实现WORD文档的批量查找替换
最近同事因为工作原因需要批量修改几百个WORD文档中的内容,并且是批量的重复性工作.如果按一个个文件打开,是一个繁琐.乏味且又容易遗漏出错的事儿,所以他想找一个能提供批量替换操作的工具,百度上有很多类 ...
Word文档中粘贴图片不显示
1. 完全不显示转自 https://zhidao.baidu.com/question/940969054291935092.html 排除图片文件问题,如果粘贴的图片在Word中不现实,一般是设 ...
word文档上粘贴源代码
有时编辑文档时,我们需要将源代码粘贴进去,但是总不是我们想要的样式. 这里演示一种结合notepad++将代码粘贴到word的方法,可以保留代码的源格式. 粘贴效果如下: 与代码编辑时显示一模一样! ...
CSDN 写博客 word文档复制粘贴图片粘贴加载失败问题解决
答案就是使用 DOCX 文档格式在这中格式的文档中编辑后,可以直接粘贴到 CSDN 博客中截图如下:
html微信朋友圈编辑器,【2018最新】微信朋友圈广告编辑器-实用word文档 (6页)
本文部分内容来自网络整理,本司不为其真实性负责,如有异议或侵权请及时联系,本司将立即删除! == 本文为word格式,下载后可方便编辑和修改! == 微信朋友圈广告编辑器篇一:微信营销文案撰写10大 ...

Z-Blog编辑器支持Word文档一键粘贴

Z-Blog编辑器支持Word文档一键粘贴相关推荐

最新文章

热门文章