Comment faire une div contenteditable et draggable

Text to edit
$("#d").draggable();

Je ne peux que faire glisser cette div, mais comment puis-je la modifier (comme sur la propriété modifiable de double-clic devient active et sur le glisser-déplacer devient active)?

 $("#d").draggable() .click(function() { $(this).draggable({ disabled: false }); }).dblclick(function() { $(this).draggable({ disabled: true }); });​​ 

DEMO

 $("#d") .draggable() .click(function(){ if ( $(this).is('.ui-draggable-dragging') ) { return; } $(this).draggable( "option", "disabled", true ); $(this).attr('contenteditable','true'); }) .blur(function(){ $(this).draggable( 'option', 'disabled', false); $(this).attr('contenteditable','false'); }); 

C’est la DEMO: http://jsfiddle.net/UH9UE/222/ .

Une autre option consiste à transmettre le fichier .draggable ({handle: “handleDiv”}), ce qui vous permet de garder le curseur sur tout le temps et d’autoriser les modifications modifiables. Créez simplement votre div déplaçable avec deux divs à l’intérieur: la poignée et votre div contenteditable.

Documentation API

 
Text to edit
$(function(){ $("#d").click(function() { $("#d").draggable(); }); $("#d").dblclick(function(){ see here for this functionality http://stackoverflow.com/questions/2441565/how-do-i-make-a-div-element-editable-like-a-textarea-when-i-click-it }); });

Un séjour sans faille