title: How to make a div contenteditable and draggable
body: <pre><code>&lt;div contenteditable="true" id="d"&gt;
  &lt;span&gt;Text to edit&lt;/span&gt;
  &lt;/div&gt;
  
  $("#d").draggable();
  </code></pre>
  
  <p>I can only drag this div but how can i edit it (like on doubleclick editable property become active and on click dragging become active)?</p>