首页 雷火电竞app正文

堆糖,js仿制富文本/网页内容到黏贴板-雷火体育

admin 雷火电竞app 2019-06-22 318 0

许多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内容,所以开发者能够对其内容有更好的操控

雷火电竞版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

最近发表

    雷火体育_雷火电竞安卓app_雷火电竞2

    http://www.projuku.com/

    |

    Powered By

    使用手机软件扫描微信二维码

    关注我们可获取更多热点资讯

    雷火电竞出品