JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<div class="droppable_tag" contenteditable="true">Facebook shuts down friends data <a contenteditable="false" class="draggable_tag">API</a> to generate more trust among users</div>

CSS

.draggable_tag {
    color: #FFF; 
    background-color: #77B0E2; 
    cursor: move;
}

.droppable_tag {
    border: 1px solid black;
}

JavaScript

$(function() {
  $( ".draggable_tag" ).draggable();
  $( ".droppable_tag" ).droppable({
    drop: function( event, ui ) {
    $(this).val()
      }
   });
});