首页 > 其他分享 >CKEDITOR 展示word中复制的内容和多张图片

CKEDITOR 展示word中复制的内容和多张图片

时间:2023-09-15 09:56:39浏览次数:40  
标签:word CKEDITOR e5% items imgFile item 复制 var

从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中的所有内容(包括文字和多张图片)

参考文章:http://blog.ncmem.com/wordpress/2023/09/15/ckeditor-%e5%b1%95%e7%a4%baword%e4%b8%ad%e5%a4%8d%e5%88%b6%e7%9a%84%e5%86%85%e5%ae%b9%e5%92%8c%e5%a4%9a%e5%bc%a0%e5%9b%be%e7%89%87/

欢迎入群一起讨论

 

 

标签:word,CKEDITOR,e5%,items,imgFile,item,复制,var
From: https://www.cnblogs.com/songsu/p/17704159.html

相关文章

  • 给WordPress设置自动发布每日60秒文章
    应大家需求,出一个wp自动发布每日60秒读懂世界文章的教程.1.复制下方的php代码<?php$date=file_get_contents("https://www.zhihu.com/api/v4/columns/c_1261258401923026944/items");$date=json_decode($date);$content=$date->data[0]->content;$content=pr......
  • 零拷贝技术:减少数据复制和上下文切换,提高网络传输效率(上)
    零拷贝当涉及到网络传输中的零拷贝技术时,它在提高性能和效率方面扮演着重要的角色。在之前我们已经讨论了磁盘设备管理中的零拷贝技术,其中涉及到了DMA技术。现在,让我们来深入探讨一下网络传输中零拷贝技术的实现方式以及它的重要性。为什么要有DMA技术在没有DMA(直接内存访问)技......
  • office学习之word
    本帖仅是个人学习贴,对他人可能无太大帮助一、结合excel表格批量完成邀请函员工工作证工资条合同的客户信息的批量录入  二、插入图片文本框等设置浮于文字上方这样就不影响文字的排版了Ctrlshift左键可以复制文本框 三、word模板的来源有word自带的主题模板......
  • nodeJs读取JOSN文件导出多个word文件
    前言最近遇到一个需求,读取JOSN文件,以JSON文件的标题为word的文件名导出多个文档,利用nodeJs和 officegen实现了该功能exportWords.js代码如下/***读取指定文件夹下的JSON文件,导出多个word文件*一个json文件导出多个word文件,通常以json文件中的title作为导出的word的文......
  • nodeJS读取JSON文件导出word文档
    前言最近遇到一个需求,将JSON文件的内容,导出到word文档,利用nodeJs和Officegen实现了文件导出的功能exportAWord.js代码如下/***读取指定文件夹下的JSON文件,导出为word*一个json文件为一个word,以json文件的名称为word文件的名称*/letfs=require("fs");letpath=......
  • Mysql主从复制原理
     本文总结自网上关于Mysql复制原理的一些文章。----------------------------------------------------------1、Mysql复制是一个异步的复制,从masterinstance到slaveinstance,实现整个复制操作主要使用3个进程完成。其中2个进程是Slave的Sql进程和IO进......
  • 调用excel数据自动生成word文档
    应用场景:相信很多时候,您是否有过和博主一样在WORD里面重复制作某种资料的工作。比如给定了一份模板,需要根据不同内容制作出不同的word,但模板是一样的。一般情况下就是老老实实的一份一份的去填写(但人力填写难保证不出错,精力有限)。那么有没有可以自动生完成word的办法呢?答案是肯定......
  • 利用word插入参考文献
    最近写论文牵涉到文献上标引用问题,找到一篇好文章,以保留做引用。写论文要有参考文献,但是每次写论文,遇到的第一个头疼的问题就是参考文献的插入。虽然以前知道word有很强大的插入参考文献的功能,也转载过别人写的经验总结,但是没有实际用过,现在用到了,把暂时遇......
  • Mysql 主从复制
    一、设计思路准备两个5.7版本的MySQL,一个用作主数据库,另一个用作从数据库。把主数据库做为写入数据库,从数据库作为读数据库。二、具体步骤准备两台数据库,可以本地配置两台Mysql数据库或者局域网两台Mysql数据库。1.先把你的mysql目录拷贝复制一份,复制出来的那份取名为mysql-......
  • 【Sword系列】第七届全国残疾人职业技能大赛样题-网络安全-云影
    (文章目录)前言幂数加密是一种基于离散对数问题和群论理论的非对称加密算法。它使用一个生成元为质数p的循环群G来进行加密和解密。通常情况下,该算法的安全性建立在离散对数难题上,即找到群G中的一个元素g的k次方等于给定的元素h,其中k为未知数。该算法与RSA加密算法相比,具有更高的......