js复制富文本/网页内容到黏贴板
author:一佰互联 2019-03-27   click:223

简介:很多js的类库都可以实现复制内容到黏贴板的功能,但是对于富文本的支持却不一定好。你的应用如果能实现富文本的复制将可以使用户方便的黏贴到其他各种编辑器中,这将是极好的。使用场景对于复制富文本的需求可能有复 ...

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

很多js的类库都可以实现复制内容到黏贴板的功能,但是对于富文本的支持却不一定好。你的应用如果能实现富文本的复制将可以使用户方便的黏贴到其他各种编辑器中,这将是极好的。使用场景对于复制富文本的需求可能有
  • 复制网页内容到黏贴板
  • 复制指定元素(html富文本)到黏贴板
下面推荐一个可以支持富文本黏贴的库clipboard-polyfillgithub: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内容,所以开发者可以对其内容有更好的控制

本文仅代表作者个人观点,不代表巅云官方发声,对观点有疑义请先联系作者本人进行修改,若内容非法请联系平台管理员,邮箱2522407257@qq.com。更多相关资讯,请到巅云www.yx10011.com学习互联网营销技术请到巅云建站www.yx10011.com。