js复制富文本/网页内容到黏贴板

很多js的类库都可以实现复制内容到黏贴板的功能，但是对于富文本的支持却不一定好。

你的应用如果能实现富文本的复制将可以使用户方便的黏贴到其他各种编辑器中，这将是极好的。

使用场景

对于复制富文本的需求可能有

复制网页内容到黏贴板
复制指定元素（html富文本）到黏贴板

下面推荐一个可以支持富文本黏贴的库clipboard-polyfill

github：https://github.com/lgarron/clipboard-polyfill

特别提醒：

以前有个类库叫clipboard-js，已经被废弃，迁移到了clipboard-polyfill

安装

npm install clipboard-polyfill

使用

引入

import * as clipboard from "clipboard-polyfill"

使用

//获取某个元素的html内容
const body = $('.contentXXX')[0].outerHTML;//复制到黏贴板上
var dt = new clipboard.DT();
dt.setData("text/plain", "Fallback markup text.");
//设置内容
dt.setData("text/html", body);
clipboard.write(dt);

好了，这样就实现复制富文本到黏贴板的功能，由于复制内容是html内容，所以开发者可以对其内容有更好的控制

原发表于： https://www.lvbby.com/p/md/1901232155063384121002

js复制富文本/网页内容到黏贴板相关推荐

php去除编辑器html标签,js处理富文本编辑器转义、去除转义、去除HTML标签
富文本编辑器生成的HTML标签,进行转义,然后写入数据库,防止脚本注入: function htmlEncode(value){ return $(' } 从数据库拿出的转义后的HTML标签内容,先得 ...
从富文本(html字符串)中获取图片,js获取富文本中的第一张图片(正则表达式)
js获取富文本中的第一张图片url正则公式及去除字符串里面的html标签后台发来一个富文本字符串里面可能包含了0.1.2.3-个图片标签(img),我们的任务是获取这个字符串里面第一张图片的url, ...
js 获取富文本的文本
js获取富文本中的文本 <h1><span style=\"color: rgb(29, 57, 196);\">xxx我是富文本~~~·</span ...
HTML JS实现富文本编辑器
HTML/CSS/JS 目录:https://blog.csdn.net/dkbnull/article/details/87934939 JS实现富文本编辑器主要借助 document.execCo ...
原生JS实现富文本编辑器
富文本编辑器是我们常用到的编辑器,也有很多功能完备且强大的编辑器,比如Quill Rich Text Editor.ueditor等,都是很优秀的富文本编辑器.在我们写网页的时候也会用到它,通常省事的 ...
js基础-富文本编辑器
富文本编辑器 1.富文本编辑器简介富文本编辑(WYSIWYG(What You See Is What You GET,所见即所得)). 最先的富文本编辑,就是在页面中嵌入一个包含空HTML页面的i ...
js获取富文本内容长度_js富文本实现
转载来源:https://www.cnblogs.com/xiaohuochai/p/5884206.html 一说起富文本,人们第一印象就是像使用word一样,在网页上操作文档.实际上差不多就是这样 ...
js处理富文本编辑器转义、去除转义、去除HTML标签
富文本编辑器生成的HTML标签,进行转义,然后写入数据库,防止脚本注入: function htmlEncode(value){return $('<div/>').text(value) ...
js chrome 富文本恢复光标的办法
失去焦点的时候保存光标位置即克隆一个Range.因为失去焦点以后Range的一些属性会发生改变.所以备份一下. text.onblur = function(){range = document.g ...

js复制富文本/网页内容到黏贴板

使用场景

安装

使用

引入

使用

js复制富文本/网页内容到黏贴板相关推荐

最新文章

热门文章