JSFiddle - React, Tailwind, and code Playground

by abernier

HTML

<script src="https://raw.github.com/ajaxorg/ace/v0.2.0/build/src/ace.js"></script>
<textarea name="description">some text</textarea>

CSS

div {border:1px solid;}

JavaScript

$('textarea').each(function (i, el) {
    $(el).hide();
    $('<div/>', {
        width: $(el).width(),
        height: $(el).height()
    }).css('position', 'relative').after(el);
})

/*var editor = ace.edit("description");
var textarea = $('textarea[name="description"]').hide();
editor.getSession().setValue(textarea.val());
editor.getSession().on('change', function(){
  textarea.val(editor.getSession().getValue());
});*/