JSFiddle - React, Tailwind, and code Playground

by Valder Black

HTML

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

CSS

div[contenteditable] {
    height: 100px;
}

JavaScript

document.querySelector("div[contenteditable]").addEventListener("paste", function(e) {
    e.preventDefault();
    var text = e.clipboardData.getData("text/plain");
    var temp = document.createElement("div");
    temp.innerHTML = text;
    document.execCommand("insertHTML", false, temp.textContent);
});