剪贴板.write修改了我的链接前缀"about:blank"

Question

我正在构建一个React应用程序来创建一个html电子邮件消息，需要在剪贴板中复制，然后由Oulook发送。我也试图建立一个索引与可点击的项目(我知道这不会在移动环境中工作)。

如果你可以运行这段代码(我不能放入一个jsFiddle，因为文档需要聚焦):

const copy = `<div>
<div><a href="#id1">click here</a></div>
<div>a</div>
<div>...</div>
<div id="id1">a</div>
</div>`;
if ('clipboard' in navigator) {
navigator.clipboard.write([
new ClipboardItem(
{
'text/html': new Blob([copy], { type: 'text/html' }),
}
),
]);
}

，然后尝试粘贴到outlook电子邮件中(MS Word也应该这样做)，你会看到锚链接变成了类似于"about:blank#id1"，这不起作用…我有什么办法可以达到我想要做的吗?

谢谢

Answer 1

我最终使用了" react-copy-to-clipboard"不受这个问题的影响。在Outlook上，我不得不面对一个额外的问题，因为使用了一个"长"字。Id不能工作(它被截断了)