将 html 复制到剪贴板(角度)

2023-12-23

有没有办法在 Angular 中将 html 复制到剪贴板?

我正在使用 ngx-clipboard,并尝试格式化复制的文本(即使用粗体、项目符号)

.ts

constructor(private _clipboardService: ClipboardService) {}

callServiceToCopy() {
    this._clipboardService.copyFromContent('<B>This is an important message<\/B>\n These are the details');
}

成分:

<button class="btn btn-primary btn-sm" (click)="callServiceToCopy()">Copy</button>

堆栈闪电战:https://stackblitz.com/edit/github-ar12tp-irzz84 https://stackblitz.com/edit/github-ar12tp-irzz84


您现在可以使用这个 api:

const type = "text/html";
const blob = new Blob([ '<h1>Your <b>html</b> content here</h1>' ], { type });
const data = [new ClipboardItem({ [type]: blob })];

navigator.clipboard.write(data);

细节:https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/write https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/write

在此处检查浏览器兼容性:https://caniuse.com/mdn-api_clipboard_write https://caniuse.com/mdn-api_clipboard_write

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将 html 复制到剪贴板(角度) 的相关文章

随机推荐

  • 如何在 Julia 中将 Float64 矩阵转换为 RGB 通道矩阵?

    假设我有以下矩阵 img 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
  • 随机化字符串[重复]

    这个问题在这里已经有答案了 我是 C 新手 所以不要因为我的愚蠢而责怪我 我正在开发一个应用程序 该应用程序应该随机化一个单词并给出它的长度 例如您写一个单词 Line 它会给您 iLen 目前我确信只有这部分有效 private void
  • 单元测试中的序列化异常

    我的 Visual Studio 2010 单元测试遇到问题 每当出现问题并抛出一种类型的异常时 UnitTestAdapter 就会抛出 SerializationExceptions 告诉我他无法反序列化抛出的异常 在我创建的单元测试中
  • 如何获取使用 asp .net 检查的 gridview 内的复选框的值

    我在 gridview 中使用复选框 我在第一个单元格中使用它 当我在运行时选择复选框时 我需要获取这些值 但是在选择或单击复选框时 它不是查找或值取为 FALSE 如何在 asp net 后端和 C 代码中编写
  • git 错误:无法将一些引用推送到远程

    我现在无法推动 尽管昨天我可以做到 当我使用git push origin master 我收到错误 git remote v origin https github com REDACTED git fetch origin https
  • 我们到底为什么要使用NoSQL? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 了解了 NoSQL 提供的一些优势 可扩展性 可用性等 后 我仍然不清楚为什么网站想要使用非关系数据库 我可以在这方面获得一些帮助 最好是有一个
  • 在具有日期时间索引的行之间执行计算并将它们放入新列中

    我有一个数据框 由这段代码生成 import pandas as pd import datetime as dt datarange pd date range 01 05 2018 00 00 00 periods 50 freq 4H
  • 当窗口打开时,window.close = true 如何?

    我正在单步执行代码 我意识到我无法关闭窗口 因为 DispHTMLWindow2 对象 close 属性仍然为 true if winObject closed true winObject close 问题是winObject close
  • 带有可选参数的 Groovy 闭包

    我想定义一个带有一个参数的闭包 我用it 有时我想向闭包传递另一个附加参数 我怎样才能做到这一点 您可以将第二个参数设置为默认值 例如 null def cl a b null gt if b null print Passed b the
  • “addEventListener”不适用于 Chrome 扩展程序

    我向窗口添加了一个 addEventListener 但它返回以下错误 未捕获的类型错误 无法在 EventTarget 上执行 addEventListener 需要 2 个参数 但仅存在 1 个 在 window addEventLis
  • 通过 sapply 使用多列作为变量

    我有一个dataframe我想应用一个函数 该函数获取三列的值并计算三个值之间的最小差异 dataset df lt data frame a sample 1 100 10 b sample 1 100 10 c sample 1 100
  • 如何从 select2 多选中的选项列表中删除选定的选项并按选定的顺序显示选定的选项

    我的表单中有 select2 多选字段 我想在选择该选项后从下拉列表中删除所选选项 如果从列表中删除它 则再次将其添加到列表中 而且添加的项目应该与他们选择的顺序相同 当前的 select2 4 0 不会删除选定的项目 而是按照选定的项目在
  • 字符串参数“migrationId”不能为空

    如果这个问题已经得到解答 请提前道歉 但我老实说 我已经深入挖掘 找不到与此错误相关的任何内容 简而言之 我无法在 ASP NET Core 1 1 2 项目中首先使用代码对数据库进行任何更新 它抛出异常 因为它缺少一个参数 我猜这与 PM
  • JVM 将内存发送回操作系统[重复]

    这个问题在这里已经有答案了 我有一个关于 JVM 内存管理的问题 至少对于 SUN 来说 我想知道如何控制 JVM 将未使用的内存发送回操作系统 在我的例子中是 Windows 我写了一个简单的java程序来说明我的期望 使用 Dcom s
  • 如何在MySQL Workbench中生成整个数据库脚本?

    我想获取整个数据库 在哪里可以找到数据库文件 有没有一种方法可以将整个数据库的所有数据写入一个文本文件 如 SQL Server 中的文件 如何在 Workbench 中为数据库生成 SQL 脚本 In 中央工作台 默认的 主页 选项卡 连
  • Apache Spark 无法创建临时目录

    我是 Apache Spark 的新手 尝试从我的应用程序 tomcat 创建 SparkConf 我注意到以下错误 ERROR RMI TCP Connection 4 127 0 0 1 DiskBlockManager logErro
  • CursorAdapter 滚动缓慢/不稳定

    我有一个 ListActivity 它使用 CursorAdapter 以表格格式绘制数据集 我最初使用 TableLayout 并绘制了整个表格 但我担心这会使用太多内存 并且绘制页面速度很慢 因此我现在正在研究使用 CursorAdap
  • npm WARN 已弃用 [email protected]:此软件包已重新集成到 npm 中,并且对于 npm 而言现已过时

    我正在 CentOS 7 服务器上安装 node js 当我尝试安装 yeoman 时收到以下错误 npm WARN deprecated email protected cdn cgi l email protection this pa
  • Bootstrap 4 日期选择器

    我想使用日期选择器https bootstrap datepicker readthedocs io en latest index html https bootstrap datepicker readthedocs io en lat
  • 将 html 复制到剪贴板(角度)

    有没有办法在 Angular 中将 html 复制到剪贴板 我正在使用 ngx clipboard 并尝试格式化复制的文本 即使用粗体 项目符号 ts constructor private clipboardService Clipboa