JSFiddle - React, Tailwind, and code Playground

by sathyamoorthi

HTML

<div id="div-editable" contenteditable>
</div>

CSS

#div-editable
{
    -moz-appearance: textfield-multiline; 
    font: medium -moz-fixed;
    font: -webkit-small-control;
    font-size: 11px;
    overflow: hidden;
    min-height: 20px;
    width: 99%;
}

#div-editable div
{
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}