Javascript Js:如何将包含超链接的文本从网页复制/粘贴到我的html页面

Javascript Js:如何将包含超链接的文本从网页复制/粘贴到我的html页面,javascript,html,angular,ecmascript-6,ecmascript-5,Javascript,Html,Angular,Ecmascript 6,Ecmascript 5,假设thete是internet上的一个网页,其中包含一些文本数据,并包含隐藏的超链接: 示例: 在此处测试clic 然后,单击“此处”将打开超链接 我的目的是能够使用ctrl+c复制整个文本,并将其粘贴到我的html文本区域/输入中ctrl+v,并捕获超链接的地址,而不仅仅是文本 我是在Angular应用程序下做的,但有没有js或Angular来处理它 建议?如本链接所述: 您应该使用clipboardData.getData(format),格式为'text/html',但首先需要将侦听器

假设thete是internet上的一个网页,其中包含一些文本数据,并包含隐藏的超链接:

示例:

在此处测试clic

然后,单击“此处”将打开超链接

我的目的是能够使用ctrl+c复制整个文本,并将其粘贴到我的html文本区域/输入中ctrl+v,并捕获超链接的地址,而不仅仅是文本

我是在Angular应用程序下做的,但有没有js或Angular来处理它

建议?

如本链接所述:
您应该使用
clipboardData.getData(format)
,格式为
'text/html'
,但首先需要将侦听器绑定到粘贴事件
让我们看看整个代码:

let-box=document.getElementById('boxLikeTextarea');
设textarea=document.getElementById('textarea');
box.addEventListener('paste',函数(e){
e、 预防默认值();
设html=e.clipboardData.getData('text/html');
box.innerHTML=html;
});
textarea.addEventListener('paste',函数(e){
e、 预防默认值();
设html=e.clipboardData.getData('text/html');
textarea.innerHTML=html;
});
#盒状extarea{
-moz外观:textfield多行;
-webkit外观:textarea;
边框:1px纯色灰色;
字体:中-moz固定;
字体:-webkit小控件;
高度:28px;
溢出:自动;
填充:2px;
调整大小:两者;
宽度:400px;
}
我是一个文本区

我看起来像一个文本区
完美;缺少的是,该链接如何可剪裁?@firasKoubaa那么你应该从div中删除
contenteditable
。你应该选择当单击div时,该div能够作为父级进行编辑或行为与普通div类似,然后打开该链接。但另一个解决方案是,在粘贴事件上检查链接,并使用js使a可点击