JSFiddle - React, Tailwind, and code Playground

HTML

<div class="editableDivContainer">
<div class="editableContent" contenteditable="true" g_editable="true">
</div>
</div>

CSS

.editableDivContainer {
width:300px;
height:0 auto !important;
min-height:210px;
margin:10px;
border:1px solid #d0d0d0;
}
.editableContent {
width:290px;
height:0 auto !important;
min-height:200px;
margin:5px;
white-space:normal;
word-wrap:break-word;
text-align:left;
}
.editableContent:hover {
cursor:text;
}
.editableContent:focus {
outline:0;
}