使用tinymce编辑器从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);
};
效果展示:
详细内容可参考这篇文章:http://blog.ncmem.com/wordpress/2019/08/07/ueditor-word%e5%9b%be%e7%89%87%e4%b8%8a%e4%bc%a0/
讨论群:223813913
使用tinymce编辑器从word保持原格式复制粘贴的办法相关推荐
- Excel之按原格式复制粘贴工作表
又是我们要将一张工作表按原格式复制到另一个工作表内,但是你用鼠标拖拽再粘贴之后发现行列的格式已经变了. 那该怎么办呢? 第一种: 1.点击最左上角的小白方格,复制 2.在需要粘贴的地方点击最左上角的小 ...
- Ubuntu下卸载和重新安装wps ——解决wps不能带格式复制粘贴网页文字和图片问题
我的ubuntu原来安装的wps通过apt update命令自动升级WPS For Linux 6634后出现了以下问题: A.变得臃肿和缓慢,打开时会要求登录和自动打开模板页. B.不能带格式复制粘 ...
- Python_xlwings小技巧(range,带格式复制粘贴)
Range的表示方法 说起xlwings里的单元格对象,相信大家都不陌生,单元格对象通常有以下几种表达方法: import xlwings as xw app = xw.App() wb = app. ...
- word中裁剪visio复制粘贴过来的图片
右键visio格式的图片,最上部有样式和裁剪,点击裁剪便可,因为有时候复制粘贴过来的图片会有大量的空白地方.
- freemarker导出word 目录_PPT转Word你还用复制粘贴?别笑掉大牙了,这几招教你快速转换...
文件格式转换是办公中经常需要经历的,有些人一听到就一个头两个大,又要开始机械性的复制黏贴了吗?其实格式转换并不复杂,今天就来说说PPT转换Word文档的方法,轻轻松松就搞定! 一.PPT转换Word ...
- 电脑无格式复制粘贴文本
有时候在网页中复制一段文字到电脑上,默认情况你复制后粘贴是携带原文本格式的. 如果想要去掉格式,复制的时候直接跟之前一样,command + c 就行,在粘帖的时候按下快捷键: command + s ...
- 百度文库免积分下载原格式文档的方法(利用百度文库漏洞)
利用百度文库漏洞下载)百度文库免积分下载原格式文档的办法其实很简单. 1.首先在浏览器中找到想下载的文档,如 http://wenku.baidu.com/view/bd23fe3e0b4c2e3f5 ...
- html表格固定行高_Excel表格向Word复制不变形,Word表格向Excel复制不变形,一次全掌握。...
Excel情报局 生产搬运分享Excel基础技能 OFFICE知识新青年 用1%的Excel基础搞定99%的日常工作 做一个有文艺范的Excel公众号 Excel是门手艺 玩转需要勇气 听歌阅读 Ex ...
- Word文字中如何快速复制粘贴文字内容
编辑Word,有时需要复制粘贴文字,那么怎么复制粘贴了?以最常用的极速办公speedoffice为列. 1.首先,打开Word文档,选中需要操作的文字内容,如图 2.然后,鼠标右键,点击选择" ...
最新文章
- 独家 | 教你用Python来计算偏差-方差权衡
- 一起学nRF51xx 23 - s130蓝牙API介绍
- TF之GD:基于tensorflow框架搭建GD算法利用Fashion-MNIST数据集实现多分类预测(92%)
- win7怎么桌面能不能设置html,win7系统怎么格式化
- (数字IC)低功耗设计入门(六)——门级电路低功耗设计优化
- mysql索引底层图_MySQL索引底层数据结构
- oracle connect权限6,Oracle 19c 升级19.6 RU 导致权限异常 gipcInternalConnectSync: failed sync request 解决方法...
- java和python哪个学习编程_初学编程,选Java还是Python?
- 【LeetCode 总结】Leetcode 题型分类总结、索引与常用接口函数
- 超图Cesium二三维切换
- java swing 删除事件_java swing清除事件队列
- MongoDB存在使用Mongo Shell和Java驱动程序的示例
- xshell简单使用
- (转)android拨打电话崩溃6.0以上实时动态权限申请
- 华为设备MAC地址配置命令
- 物格而后知至,知至而后意诚,意诚而后心正,心正而后身修,身修而后家齐,家齐而后国治,国治而后天下平...
- server多笔记录拼接字符串 sql_第四章、SQL Server数据库查询大全(单表查询、多表连接查询、嵌套查询、关联子查询、拼sql字符串的查询、交叉查询)...
- 51单片机的nop延时延时函数
- 【微服务|Sentinel】实时监控|RT|吞吐量|并发数|QPS
- 13. Linux权限管理命令
热门文章
- aws没有免费套餐服务数据可用
- 语雀可以导出html吗,Confluence 迁移到语雀
- 解决FTP上传时报错“父路径不存在”问题
- 如何将链接生成二维码
- sht30 linux示例代码,SHT30 Linux标准 i2c-dev 读取程序
- win11怎么看电脑显卡信息
- 鸿蒙系统可以安装的浏览器,华为鸿蒙系统2.0如何进行安装?鸿蒙系统2.0安装方法详细介绍...
- html app启动页制作,【示例】App引导页的制作
- matlab草稿本,解读草稿本——这个学具,你可千万不能忽视
- 符号速率,码片速率,业务速率,信道编码,扩频因子