JSFiddle - React, Tailwind, and code Playground

by Oski Krawczyk

HTML

<script src="http://www.jshint.com/src/js/jshint.js"></script>
<link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css">
<script src="http://codemirror.net/lib/codemirror.js"></script>
<script src="http://codemirror.net/mode/javascript/javascript.js"></script>
<textarea id="code" rows="15" cols="40">
var dong = 'a', dupa;
dupa
this = dong;
</textarea>
<button id="check">Check code</button>

JavaScript

var code = document.id('code');
var check = document.id('check');

check.addEvents({
    click: function(event) {
        event.stop();
        var result = JSHINT(code.get('value'));

        console.log(JSHINT.errors);

    }
});

var editor = CodeMirror.fromTextArea(code, {
    lineNumbers: true,
    onGutterClick: function(cm, n) {
        var info = cm.lineInfo(n);
        if (info.markerText) cm.clearMarker(n);
        else cm.setMarker(n, "<span style=\"color: #900\">●</span> %N%");
    }
});