将链接复制到剪贴板，粘贴超链接

Question

我在文件旁边有多个复选框，并且有 1 个共享按钮，选中多个复选框，然后单击共享按钮 我想复制这些文件的下载 URL。我可以复制它们的下载URL，也可以将它们粘贴到记事本/网络邮件中。

但我的问题是我应该只能粘贴文件名，这将是一个超链接，单击该文件名时会弹出一个链接。

如何仅复制文件名并将其粘贴为记事本/剪贴板上的超链接。请指导我。下面是我的代码。

shareDoc(){
const textArea1 = document.createElement('textArea');
this.docs.forEach(docs => {
const downloadURL = this.service.getURL(id);
const link = '<a href="'+downloadURL+'">'+doc.name+'</a></br>';
textArea1.value = textArea1.value+link;
});
document.body.appendChild(textArea1);
textArea1.focus();
textArea1.select();
document.execCommand('copy');
document.body.removeChild(textArea1);
}

在将其粘贴到剪贴板/网络邮件时，我得到了这个

<a href="http://downloadlink1.com">File1</a><br/><a href="http://downloadlink2.com">File2</a><br/><a href="http://downloadlink3.com">File3</a> 

但它应该显示为超链接，如下所示

文件1
文件2
文件3

请指导我实现这一目标。

PS：我在角 4 和素数 NG 5 上工作

Answer 1

您无法为用户选择如何粘贴链接，原因很简单，您无法知道用户将如何处理它。

例如，假设我将您的链接粘贴到此处，在 SOF 上：语法将是

[File1](http://downloadlink1.com)

现在，我想通过邮件与我的一个朋友分享：语法将是

<a href="http://downloadlink1.com">File1</a>

即使使用这种语法，根据我使用的客户端和粘贴方式，它也可以简单地显示原始文本而不是链接。

如您所见，我不能两者兼而有之，我只能选择一种解决方案。

我建议的是你只复制链接http://downloadlink1.com，并让用户决定他想用它做什么。