JSFiddle - React, Tailwind, and code Playground

by Vivek kt

HTML

<script src="http://mark-rolich.github.io/RulersGuides.js/Event.js"></script>
<script src="http://mark-rolich.github.io/RulersGuides.js/RulersGuides.js"></script>
<script src="http://mark-rolich.github.io/Dragdrop.js/Dragdrop.js"></script>
<div id="workarea" ></div>

CSS

#workarea {
    background-color: #cdcdcd;
    border: 1px solid #808080;
    bottom: 10px;
    display: inline-block;
    left: 50px;
    overflow: auto;
    position: absolute;
    top: 100px;
    width:450px;
}

JavaScript

var evt         = new Event(),
    dragdrop    = new Dragdrop(evt),
    rg          = new RulersGuides(evt, dragdrop,document.getElementById('workarea'));