JSFiddle - React, Tailwind, and code Playground

by Shantanu Kulkarni

HTML

<div class="cp" style="color:red">Some <em>rich</em> <span style="font-size:2em">HTML</span></div>

CSS

div[contenteditable] {
    height: 100px;
    
}
.cp {
  background: yellow;
}

JavaScript

document.addEventListener("copy", function(e) {

    var text = window.getSelection().toString();
    if(e.clipboardData) {
    	e.clipboardData.setData('text/plain', text);
      e.preventDefault();
    } else if(window.clipboardData) {
    	e.preventDefault();
      e.returnvalue = false;
    	window.clipboardData.setData('Text', text);
    }
    
});