JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <span id="editable" contentEditable="true">Replace me with a div to show the problem...</span>
</div>

<button id="resultButton">Check HTML content</button>
<div>
<textarea id="content" style="width: 300px; height: 150px;"></textarea>
</div>

CSS

#editable {
  display: block;
  min-height: 24px;
}

JavaScript

document.getElementById('resultButton').addEventListener('click', function(){
	document.getElementById('content').value = document.getElementById('editable').innerHTML;
})