JSFiddle - React, Tailwind, and code Playground

by ifightcrime

HTML

<script src="http://xing.github.io/wysihtml5/dist/wysihtml5-0.3.0.js"></script>
<textarea id="textarea"></textarea>

JavaScript

var editor = new wysihtml5.Editor("textarea");

editor.observe("load", function () {     
    var $iframe = $(this.composer.iframe);
    var $body = $(this.composer.element);
    
    $body
      .css({
        'min-height': 0,
        'line-height': '20px',
        'overflow': 'hidden',
      })
      .bind('keypress keyup keydown paste change focus blur', function(e) {
        var height = Math.min($body[0].scrollHeight, $body.height());
        var extra = e.type == "blur" ? 0 : 13 ;
        $iframe.height(height + extra);
      });
});