如何将word图片粘贴到帝国CMS里面 |
您所在的位置:网站首页 › MySQL复制粘贴不了 › 如何将word图片粘贴到帝国CMS里面 |
图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的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); }; 效果展示: 效果展示: 视频教程: Word一键粘贴插件-帝国CMS(empirecms) 5.7整合教程 动易SiteFactory 4.7整合,动易SiteFactory 6.2整合,dedecms 5.7-ueditor整合,dedecms 5.7-ckeditor3x整合,帝国CMS-ueditor整合,帝国CMS-ckeditor4x整合,dokuwiki整合,Windows控件安装,macOS控件安装,linux-deb控件安装,linux-rpm控件安装,uos控件安装,linux-银河麒麟控件安装, 更多详细资料可以参考这篇文章: 详细思路及源码 示例下载: wordpaster-vue3-cli-ueditor1.5,wordpaster-vue-ueditor1.5,wordpaster-asp.net-ueditor1.5x,wordpaster-php-ueditor1x,wordpaster-jsp-ueditor1x |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |