JSFiddle - React, Tailwind, and code Playground

by djp3d

HTML

<div id="markupToTest">
  <h1>Copy this markup to content editable</h1>
  <span>123123</span>
  <footer>And look in the textarea</footer>
</div>

<hr />
<div id="editor" contentEditable>Content editable</div>

<hr />
<div id="log">Log</div>

CSS

#editor {
  border: 2px solid gray;
  margin: 20px 0px;
  height: 500px;
}

#log {
  width: 100%;
}

JavaScript

editor.addEventListener('paste', function (e) {

	console.log("text: "+e.clipboardData.getData('text/html'));

	log.innerText = JSON.stringify(e.clipboardData.getData('text/html'));
});