JSFiddle - React, Tailwind, and code Playground

by abuhamzah

HTML

<script src="https://github.com/lgarron/clipboard-polyfill/releases/latest/download/clipboard-polyfill.promise.js"></script>
<div id="inserts">
        
</div>

JavaScript

var things = ["<p><b>found = false  </b></p><p><b>for r in result </b></p><button id='copy2'>Copy 2</button> <br />", "<p><b>  if r.name</b></p><button id='copy2'>Copy 2</button> <br />", "<b>whatever</b><button id='copy2'>Copy 2</button> <br />"];

for (var i = 0; i < things.length; i++) {
    $("<div>"+things[i]+"</div>").appendTo("#inserts");
}

$("#copy2").on("click", function(e)
{

  var dt = new clipboard.DT(); 
  
  alert($("#test")[0].innerText);
  alert($("#test")[0].innerHTML);
  dt.setData("text/plain", $("#test")[0].outerText); 
  dt.setData("text/html", $("#test")[0].innerHTML); 
  clipboard.write(dt);
});