木盒火 2022-03-30 15:45 采纳率: 100%
浏览 114
已结题

CKEDITOR 展示word中复制的内容和多张图片(同时显示)

从word中复制全部内容(包括文字、多图片),并在富文本框内展示(CKEDITOR)
CKEDITOR.instances["editor"].on('instanceReady', function(elem) {
        console.log(elem.editor.element);
        elem.editor.on("paste", function(e) {
            console.log(e);
            var items = e.data.dataTransfer.$.items;
            for(var i = 0; i < items.length; ++i) {
                var item = items[i];
                if(item.kind == 'file' && item.type == 'image/png') {
                    var imgFile = item.getAsFile();
                    console.log(imgFile);
                    if(!imgFile) {
                        return true;
                    }
                    var reader = new FileReader();
                    reader.readAsDataURL(imgFile);
                    reader.onload = function(e) {
                        //显示文件
                        CKEDITOR.instances["editor"].insertHtml('<img src="' + this.result + '" alt="" />');
                    }
                    return false;
                }
            }
        });
    });
         Not allowed to load local resource: file:///C:/。。。。。。。。。。。。。。。。。。。。。。。。。。。.tmp.png
         Not allowed to load local resource: file:///C:/。。。。。。。。。。。。。。。。。。。。。。。。。。。.tmp.png
获取剪切板中的图片文件并遍历,遍历中转换图片格式为base64之后再插入剪切板的html中去
CKEDITOR 能同时展示一次性复制word中的所有内容(包括文字和多张图片)
  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2022-03-30 16:42
    关注

    看错误提示word中的图片已经保存到客户端电脑缓存文件夹中了,js没有权限读取客户端的图片
    单独拷贝一张图片src实际已经是base64格式的,多个图片或者文本混合会转变为html代码,无解~

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 4月8日
  • 已采纳回答 3月31日
  • 创建了问题 3月30日

悬赏问题

  • ¥50 三种调度算法报错 有实例
  • ¥15 关于#python#的问题,请各位专家解答!
  • ¥200 询问:python实现大地主题正反算的程序设计,有偿
  • ¥15 smptlib使用465端口发送邮件失败
  • ¥200 总是报错,能帮助用python实现程序实现高斯正反算吗?有偿
  • ¥15 对于squad数据集的基于bert模型的微调
  • ¥15 为什么我运行这个网络会出现以下报错?CRNN神经网络
  • ¥20 steam下载游戏占用内存
  • ¥15 CST保存项目时失败
  • ¥20 java在应用程序里获取不到扬声器设备