JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Select this and copy and paste</h1>

<ul>
    <li><a href="http://www.google.com">Google!</a> hello world</li>
    <li>Stuff I like!</li>
    <li><img alt="placeholder" src="http://placehold.it/200" /></li>
</ul>

<div contenteditable="true">Copy and paste in here. </div>
<pre>

</pre>

CSS

div {
    width: 100%;
    height: 300px;
    border: 1px solid #ccc;
    overflow: auto;
}

pre {
    padding: 20px;
    background: #efefef;
    white-space: normal;
}

JavaScript

$('div').click(function(){
    $('pre').text(this.innerHTML);
});