JSFiddle - React, Tailwind, and code Playground

by nitirajrathore

HTML

<script src="http://codemirror.net/lib/codemirror.js"></script>
<script src="http://codemirror.net/mode/javascript/javascript.js"></script>
<link rel="stylesheet" href="http://codemirror.net/lib/codemirror.css">
<body>
    <div>
        above editor
    </div>
    <div id="codeArea">
        var x = 10;
        var p = 1;
        var r=1;
    </div>
    <div>
        below editor
    </div>
</body>

JavaScript

var myCodeArea = document.getElementById("codeArea");
var myCodeMirror = CodeMirror(function(elt) {
  myCodeArea.parentNode.replaceChild(elt, myCodeArea);
}, {value: myCodeArea.innerHTML,
   lineNumbers:true, mode:"javascript"});