Copy to clipboard html output

Asked Jan 10 '22 at 21:37

Active Jan 10 '22 at 21:55

Viewed 317 times

I created a simple code to copy some content to clipboard when i click on a specific Div (not an actual button) :

$("#myButtonDiv").on("click", function () {
    var myText = ('<p style="color:#ff0000;">content 123</p>')
    navigator.clipboard.writeText(myText);
});

However, this will copy the html code to clipboard; is there a way to copy the desired output instead ? (i.e. copy "content 123" in red)

Note : to be a little more precise, my variable myText is actually like that :

var myText = $('#myContentDiv').html();

Where #myContentDiv displays the desired output.

Thank you in advance !

edited Jan 10 '22 at 21:55

rrk

15,677
4
29
45

asked Jan 10 '22 at 21:37

Kev

1

`var myText = $('#myContentDiv').text();` I guess? – Jan 10 '22 at 21:38
@ChrisG that will not get the color.... – epascarello Jan 10 '22 at 21:52
https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript – epascarello Jan 10 '22 at 21:55
You need to write it to the DOM and select it to copy – epascarello Jan 10 '22 at 21:56
Hi, I finally found the answer, a pretty easy solution, here : https://stackoverflow.com/questions/23934656/javascript-copy-rich-text-contents-to-clipboard Thank you for your help ! – Kev Jan 11 '22 at 13:25

Copy to clipboard html output

0 Answers0