JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css">
<link rel="stylesheet" href="http://vitalets.github.com/x-editable/assets/x-editable/bootstrap-editable/css/bootstrap-editable.css">
<script src="http://vitalets.github.com/x-editable/assets/x-editable/bootstrap-editable/js/bootstrap-editable.js"></script>
<script src="http://vitalets.github.com/x-editable/assets/mockjax/jquery.mockjax.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<div id="container">
    <div class="resizable">
        <a href="#" class = "width-editable"></a> x
        <a href="#" class = "height-editable"></a>
        <br>
        Resize me
    </div>
</div>

CSS

.resizable
{
    position : absolute;
    top:100px;
    left:100px;
    border:1px solid black;
    width:300px;
    height:300px;
}
#container
{
    height:800px;
}

JavaScript

$(".resizable").resizable({
    cursor: "crosshair",
    containment: "parent",
    resize: function()
    {
        updateDivSize(this);
    }
});

$(document).ready(function(){

	callXeditable($(".resizable"));
});

function updateDivSize(div)
{
    $(div).find(".width-editable").text($(div).width());
    $(div).find(".height-editable").text($(div).height());
    $(".width-editable").editable('destroy');
    $(".height-editable").editable('destroy');
    callXeditable(div);
}

function callXeditable(div) {
    $(".width-editable").editable({
        type: 'text',
        placement: 'right',
        value: $(div).width(),
        success: function(response, newValue)
        {
            var div = $(this).parent();
            $(div).width(newValue);
        }
    });
    $(".height-editable").editable({
        type: 'text',
        value: $(div).height(),
        success: function(response, newValue)
        {
            var div = $(this).parent();
            $(div).height(newValue);
        }
    });
}