Javascript 将元素作为HTML复制到剪贴板
我已经设法编写了一些jQuery来查找元素并将其html复制到剪贴板(仅限于ie) 问题是,当我将其粘贴到sharepoint中的富文本框区域时,它仅将HTML粘贴为文本Javascript 将元素作为HTML复制到剪贴板,javascript,jquery,copy,clipboard,markup,Javascript,Jquery,Copy,Clipboard,Markup,我已经设法编写了一些jQuery来查找元素并将其html复制到剪贴板(仅限于ie) 问题是,当我将其粘贴到sharepoint中的富文本框区域时,它仅将HTML粘贴为文本 如何复制用户在页面上突出显示链接并按copy的操作。当我手动执行此操作,然后粘贴剪贴板内容时,富格文本区域意识到它是标记,并将链接复制为文本内容中的锚。不幸的是,据我所知,IE对剪贴板的唯一编程访问允许您设置文本数据和URL数据,但除此之外: 这项工作: window.clipboardData.setData("text",
如何复制用户在页面上突出显示链接并按copy的操作。当我手动执行此操作,然后粘贴剪贴板内容时,富格文本区域意识到它是标记,并将链接复制为文本内容中的锚。不幸的是,据我所知,IE对剪贴板的唯一编程访问允许您设置文本数据和URL数据,但除此之外: 这项工作:
window.clipboardData.setData("text", "<div>Testing</div>");
window.clipboardData.setData(“文本”、“测试”);
…但有你提到的问题。遗憾的是,这不起作用:
window.clipboardData.setData("html", "<div>Testing</div>");
window.clipboardData.setData(“html”,“测试”);
真的有点令人惊讶。这是我用来将超链接HTML元素复制/粘贴到剪贴板的方法,这样当你粘贴它时,href会被隐藏,你只会看到“更漂亮”的名称 HTML:
奇怪的是,我只是在测试是否可以将“html”放在那里。:-)那么,是否真的没有其他方法可以做到这一点?
<button onclick="copyToClipboard()">Copy me!</button>
var copyToClipboard = (function() {
var _dataString = null;
$('.transform').toggleClass('transform-active');
document.addEventListener("copy", function(e){
if (_dataString !== null) {
try {
e.clipboardData.setData("text/html", link);
e.preventDefault();
} finally {
_dataString = null;
}
}
});
return function(data) {
_dataString = data;
document.execCommand("copy");
};
})();