How can I enable 'draggable' on a element with contentEditable?

Question

I\'d like to have a div that is at the same time editable and draggable, using jQuery UI. Content editability seems to work only if draggable is not enabled. Am I missing so

Answer 1

you can give this div a 'parent div' and add draggable event to it parent. then use offical API 'cancel'

HTML：

    
TEXT

JS:

 $('#draggable').draggable({cancel: '.editable'});