gpt4 book ai didi

javascript - 如何在复制的文本中(严格)保留 HTML?

转载 作者:行者123 更新时间:2023-12-02 20:53:04 27 4
gpt4 key购买 nike

要在复制文本的底部添加额外信息 - 我想使用以下 JS:

<script>
document.addEventListener('copy', (event) => {
const pagelink = `\n\nRead more at: ${document.location.href}`;
event.clipboardData.setData('text', document.getSelection() + pagelink);
event.preventDefault();
});
</script>


Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br/>
<textarea name="textarea" rows="7" cols="50" placeholder="paste your copied text here"></textarea>

因为它是 most recent version 。但问题是,它不保留 HTML 标签和诸如 a、style、textarea 等属性,这与默认复制/粘贴不同(在 MS-Word 中验证了结果)。它甚至不是网址的超链接。

我是否可以保留 HTML 内容(例如默认或更好的内容)并在复制的文本中添加引用?

或者有更好的跨浏览器的小代码吗?

最佳答案

您需要有一个自定义方法来返回所选内容的 HTML。以下是工作片段。

function getSelectionHtml() {
var html = "";
if (typeof window.getSelection != "undefined") {
var sel = window.getSelection();
if (sel.rangeCount) {
var container = document.createElement("div");
for (var i = 0, len = sel.rangeCount; i < len; ++i) {
container.appendChild(sel.getRangeAt(i).cloneContents());
}
html = container.innerHTML;
}
} else if (typeof document.selection != "undefined") {
if (document.selection.type == "Text") {
html = document.selection.createRange().htmlText;
}
}
return html;
}

document.addEventListener('copy', (event) => {
const pagelink = `\n\nRead more at: ${document.location.href}`;
var html = getSelectionHtml();
event.clipboardData.setData('text/plain', html + pagelink);
event.preventDefault();
});
<p>
Lorem <b>ipsum</b> dolor sit amet, consectetur adipiscing elit.<br/>
</p>

<textarea name="textarea" rows="7" cols="50" placeholder="paste your copied text here"></textarea>

关于javascript - 如何在复制的文本中(严格)保留 HTML?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61560844/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com