Istanza tinyMCE ridimensionabile che non funziona con jaggeryUI .dragable

Question

Ho una textarea TinyMCE creata dinamicamente (utilizzando una barra degli strumenti esterna), all'interno di un contenitore div. Sto cercando di renderlo trascinabile e ridimensionabile (l'intera area di testo).

jQueryUrversable() funziona con tinyMCE, ma se utilizzo .resizable(), la piccola barra degli strumenti esternaMCE non viene visualizzata quando faccio clic sull'area. Se utilizzo l'opzione di ridimensionamento di tinyMCE nelle sue impostazioni, quando clicco per trascinarlo per ridimensionarlo, si interrompe la funzione trascinabile di jqueryUI (l'intera casella segue il mouse oltre al ridimensionamento e non si lascia andare).

Answer 1

ho risolto questo problema utilizzando l'opzione handle di jQuery UI trascinabili e la funzione di trascinamento di callback:

div.draggable.handle = "div[role=group], td.mceLast"; 
div.draggable.drag = function (event, ui) { 
    if ($(event.srcElement).is('.mceResize') || $(event.originalEvent.target).is('.mceResize')) { 

     return false; 
    } 
}; 

Answer 2

Questa è la soluzione

".mce-resizehandle" è di classe di pulsante TinyMCE ridimensionamento

$(".selector").resizable({ 
    cancel: ".mce-resizehandle,input,textarea,button,select,option", 
}); 

$(".selector").draggable({ 
    cancel: ".mce-resizehandle,input,textarea,button,select,option", 
});