JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.3.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div class="positionable">
    <div class="drag_handle">+</div>
    <div class="editable" contentEditable="true">type here...</div>
</div>

CSS

.positionable {
    position:absolute;
    width:400px; 
    height:200px;
}
.drag_handle {
    position:absolute;
    background-color:#FFF; 
    color:#000;
    width:14px; 
    height:14px;
    cursor:move;
    font-size:14px; 
    line-height:14px;
    font-weight:bold;
    text-align:center;
    border:1px solid #000;
}
.editable {
    outline:none;
    margin-left:20px;
}

JavaScript

$('.positionable').draggable({handle: '.drag_handle'});