Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<link href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<div id="main-text">
  
 
</div>
<div class="editor" style="border-color:red;" contenteditable="true">  asdgsadsadsada
  </div>
  
  <textarea>asdfasdfsad dsadfasd 
  asdfsagdasdg
  asdfasdasdsadasds
  dsfasdasdas
  asdfas</textarea>
 
function insertAtCaret(element, text) {
    if (document.selection) {  
             element.focus();  
             var sel = document.selection.createRange();  
             sel.text = text;  
             element.focus();  
          } else if (element.selectionStart || element.selectionStart === 0) {  
             var startPos = element.selectionStart;  
             var endPos = element.selectionEnd;  
             var scrollTop = element.scrollTop;  
             element.value = element.value.substring(0, startPos) + ' ' + text + ' ' +   
                             element.value.substring(endPos, element.value.length);  
             element.focus();  
             element.selectionStart = startPos + text.length;  
             element.selectionEnd = startPos + text.length;  
             element.scrollTop = scrollTop;  
         } else {  
             element.value += ' ' + text + ' ';  
             element.focus();  
         }  
}
$(document).ready(function() {
    var options = {
        drop: function(ev, ui) {         
            insertAtCaret($(".editor").get(0), ui.draggable.eq(0).text());
        }
    };
    $("#q").draggable({
        helper:'clone',
        start: function(event, ui) {              $(".jqte").droppable(options).show();
        },
        stop: function(event, ui) {
            $(".editor").droppable('destroy').hide();
        }
    });
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers