JSFiddle - React, Tailwind, and code Playground

HTML

<textarea rows="10" cols="50" id="log"></textarea>
<div id="editable" contenteditable="true">Some <b>content</b> here, edit it</div>

JavaScript

var log = document.getElementById("log");
var editable = document.getElementById("editable");

function listener(evt) {
    log.value += evt.type + "\n";
}

if (editable.addEventListener) {
    editable.addEventListener("input", listener, false);
    editable.addEventListener("DOMNodeInserted", listener, false);
    editable.addEventListener("DOMNodeRemoved", listener, false);
    editable.addEventListener("DOMCharacterDataModified", listener, false);
}