JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://s3.amazonaws.com/static.ephox.com/jsfiddle/textboxio/textboxio.js"></script>
<br /><br /><br /><br />

<div id="editable_region" style="display:inline;">
  text
</div>

CSS

body{
   background-color: rgb(0, 183,249);
   
}

#editable_region{
    margin-top: 5em;
    color: white;
    font-weight: 400;
}

#editable_region p{
    font-family: 'Helvetica Neue';
}

#editable_region h1{
    text-transform: uppercase;
    font-family: 'Lato';
    font-size: 5em;
}

JavaScript

textboxio.inline('#editable_region');
document.getElementById("editable_region").onclick = function (event) {
	document.getElementById("editable_region").innerText = "\uFEFF";
};