JSFiddle - React, Tailwind, and code Playground

by jakie8

HTML

<textarea id="demo">function(){
    var y = [
        1,
        2,
        3
    ];
}</textarea>

CSS

#demo{
    margin:20px;
    min-height:250px;
    width:300px;
    font-family:monospace;
    padding:10px;
    font-size:13px;
}

JavaScript

var Behave=Behave||function(h){if(typeof String.prototype.repeat!=="function"){String.prototype.repeat=function(m){if(m<1){return""}if(m%2){return this.repeat(m-1)+this}var l=this.repeat(m/2);return l+l}}if(typeof Array.prototype.filter!=="function"){Array.prototype.filter=function(q){if(this===null){throw new TypeError()}var p=Object(this),l=p.length>>>0;if(typeof q!="function"){throw new TypeError()}var o=[],n=arguments[1];for(var m=0;m<l;m++){if(m in p){var r=p[m];if(q.call(n,r,m,p)){o.push(r)}}}return o}}var c={textarea:null,replaceTab:true,softTabs:true,tabSize:4,autoOpen:true,overwrite:true,autoStrip:true,autoIndent:true,fence:false},a,f,g={keyMap:[{open:'"',close:'"',canBreak:false},{open:"'",close:"'",canBreak:false},{open:"(",close:")",canBreak:false},{open:"[",close:"]",canBreak:true},{open:"{",close:"}",canBreak:true}]},i={defineNewLine:function(){var l=document.createElement("textarea");l.value="\n";if(l.value.length==2){f="\r\n"}else{f="\n"}},cursor:{get:function(){if(typeof document.createElement("textarea").selectionStart==="number"){return c.textarea.selectionStart}else{if(document.selection){var m=0,l=c.textarea.createTextRange(),n=document.selection.createRange().duplicate(),o=n.getBookmark();l.moveToBookmark(o);while(l.moveStart("character",-1)!==0){m++}return m}}},set:function(n,l){if(!l){l=n}if(c.textarea.setSelectionRange){c.textarea.focus();c.textarea.setSelectionRange(n,l)}else{if(c.textarea.createTextRange){var m=c.textarea.createTextRange();m.collapse(true);m.moveEnd("character",l);m.moveStart("character",n);m.select()}}},selection:function(){var p=c.textarea,s=0,n=0,r,o,m,l,q;if(typeof p.selectionStart=="number"&&typeof...