Wie Markup kopieren - nicht nur Klartext - in die Zwischenablage kostenlos JavaScript

Question

Der komplette Inhalt eines <div>

<div id="myElement"> 
    Mary had a little <b>lamb</b>, its <i>fleece</i> was white as snow. Everywhere that mary went, the lamb was sure to go. 
</div> 

sollte in die Zwischenablage mit Legacy kopiert werden mit diesem Code

const copyAll = document.querySelector("myElement"); 
window.getSelection().selectAllChildren(copyAll); 
document.execCommand("Copy"); 
window.getSelection().removeAllRanges(); 

(Damit der execCommand funktioniert, muss der Aufruf über einen Ereignis-Listener ausgeführt werden)

Aber nur der Textinhalt ist kopiert. Ist es möglich, den Markup-Code (die <i> und <b> Tags) ohne auf die Legacy-Firefox-Zwischenablage Add-on zu kopieren, auch?

Answer 1

Ich löste dieses Problem mit einem falschen Textarea-Element, das meinen benutzerdefinierten Text in die Zwischenablage kopierte.

So etwas sollte helfen:

const copyText = document.querySelector("myElement").innerHTML; 
copyToClipboard(copyText); 


function copyToClipboard(message) { 
     let textArea = document.createElement("textarea"); 
     textArea.value = message; 
     document.body.appendChild(textArea); 
     textArea.select(); 
     document.execCommand("copy"); 
     document.body.removeChild(textArea); 
    }