JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jqueryui.com/themeroller/css/parseTheme.css.php?ctl=themeroller"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<div id="editor">
    <div id="container_img">
        <img src="http://www.google.com.br/images/srpr/logo3w.png" />
    </div>
</div>

CSS

#editor{border:1px solid #000;width:300px; height: 300px}

#editor img, #container_img{width:150px}

JavaScript

$(document).ready(function(){
     
    $( "#container_img" ).draggable({
        containment: "#editor"
    });
        
    $( "img" ).resizable({
        containment: "#editor"
    });
        
    $('#editor').disableSelection();
    
});