I need assistance with copying HTML to my clipboard. The issue I am encountering is that when I try to copy the button inside the tagHolder, it ends up copying
<span style="font-family: Arial; font-size: 13.3333px; text-align: center; background-color: rgb(221, 221, 221);"><button>button</button>innerHTML of tagHolder.
function $id(id) {
return document.getElementById(id);
}
function performCopy() {
var tagHolder = $id('tagHolder');
tagHolder.style.visibility = '';
initiateCopying(tagHolder)
tagHolder.style.visibility = 'hidden';
}
function displayCode() {
var code = $id("xxx").innerHTML;
$id("txtinfo").innerText = code;
}
function initiateCopying(element) {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(element);
range.select();
} else if (window.getSelection) {
var range = document.createRange();
range.selectNodeContents(element);
window.getSelection().removeAllRanges();
window.getSelection().addRange(range);
}
document.execCommand("Copy");
}<!DOCTYPE html>
<html>
<body>
<button onclick="performCopy()">copy</button><br />
paste:<br />
<div id="xxx" contenteditable="true" onpaste="setTimeout(displayCode, 1);" style="border: 1px solid black;"></div>
html:<br />
<div id="txtinfo" style="border: 1px solid black;"></textarea>
<div id="tagHolder" style="visibility: hidden;"><button>button</button></div>
</body>
</html>