场景：富文本中排版好的文字，需要复制到剪贴板，并确保粘贴到word和其他的富文本的时候样式保持不变。

方法一：富文本编辑器中，选择区域，然后执行

let editor = document.getElementById('element');//要复制的结点

let range = document.createRange();

window.getSelection().removeAllRanges();//先清除掉选中区域

range.selectNode(editor);

window.getSelection().addRange(range);

let res = document.execCommand("copy");

window.getSelection().removeAllRanges();

方法二：通过监听copy事件，将带有Html文本样式写入剪贴版中

let article = "

你好，这是H1

这是段落主体内容,这里是加粗

let copyHandler = this.copy(article)

document.addEventListener('copy',copyHandler);

document.execCommand('copy');

removeEventListener('copy',copyHandler);

function copy(article) {

return function(event) {

event.clipboardData.setData("text/html", article);//设置格式text/html

event.preventDefault();

};

带格式文本html 直接复制粘贴,通过JS将带格式的文本复制到剪贴版的两种方法...相关推荐

js判断多边形的坐标点是顺时针还是逆时针的两种方法
js判断多边形的坐标点是顺时针还是逆时针的两种方法关键算法通过极值点与其相邻点的构成的矢量走向算出多边形走向通过计算各左边点所在矢量夹角的角度总和来推算多边形走向由于arcgis对顺时针生成的 ...
js实现给数字加三位一逗号间隔的两种方法
方法一: <script type= "text/javascript"> var num_s = "1232134456.546 ";a ...
js删除指定html及子标签,js中如何删除某个元素下面的所有子元素？（两种方法）...
js中如何删除某个元素下面的所有子元素?(两种方法) 一.总结方法一:通过元素的innerHTML属性元素element.innerHTML=""; 方法二:通过元素的remo ...
将音频格式从flac转到wav的两种方法
最近在智能语音中用到了数据集cn-celeb.这个数据集的音频格式是flac,而在做数据增强(augmentation)以及模型训练时用的数据格式是wav,因此需要把音频格式从flac转到wav.我在 ...
js中判断文本框是否为空的两种方法
js中判断文本框是否为空的两种方法 //用户名非空验证 function checkUserName(){ var name = document.myform.txtUser; //在这里我认为: ...
JS实现合并单元格的两种方法
本后端菜狗想在网上找合并单元格的代码,结果找到的都是太老的代码,然后就只能用Js手写了两种方法(第二种方法叫了个前端大佬写的) 废话不多说,直接上代码: (由于时间有点小久,就不写思路和过程啦) 第一 ...
html转word并保持格式不变,表格从Word转Excel想保持格式不变？用这两种方法，保你轻松搞定...
相信在职场办公,大家或多或少都有遇见过这样的问题,需要把Word中的表格转移到Excel中,很多人第一时间就复制黏贴然后再重新调整格式,一两个表格还好说,如果是批量的你怕是要累死了. 表格从Word转 ...
php文本框自动补全,PHP自动补全表单的两种方法
效果图: 第一种:从数据库中检索之后补全第二种:邮箱等纯前端的补全先说第二种,使用开源的插件,所以相对简单. github上面的项目 completer. https://github.com/f ...
知识点2:js（javascript）中检测是否为数组的两种方法【翻转数组案例】
javascript基础知识文章目录 javascript基础知识前言一.翻转数组案例二.检测数组的两种方法 1.如果传输的参数不是数组 2.instanceof 运算符可以用来检测是否满足 ...

带格式文本html 直接复制粘贴,通过JS将带格式的文本复制到剪贴版的两种方法...

你好，这是H1

带格式文本html 直接复制粘贴,通过JS将带格式的文本复制到剪贴版的两种方法...相关推荐

最新文章

热门文章