JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.pixelplant.com/bonsai.iframe-0.3.3.min.js"></script>
<div id="stage"></div>

<script>
(function(){
  var s="script",
      i="code",
      n='\n',
      d=document,
      b=d.getElementsByTagName(s)[2].innerHTML.split(n);
    console.log(b.slice(1,b.length-2).join(n));
    d.write('<' + s + ' type="text/bonsaijs" id="' + i + '">' + 
          b.slice(2,b.length-3).join(n)+'</'+s+'>')
  }

)();
</script>
    
<script>
  $(function() {
    var stage = document.getElementById('stage');
    bonsai.run(stage, {
      code: document.getElementById('code').innerHTML
    });
  });
</script>

JavaScript

var square = new Rect(0, 0, 100, 100);
square.addTo(stage);
square.fill('red');