How to make a div contenteditable and draggable

Question

Text to edit


$(\"#d\").draggable();

I can only drag this div b

Answer 1

$("#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');
});

This is the DEMO : http://jsfiddle.net/UH9UE/222/.