Resizable tinyMCE-Instanz funktioniert nicht mit jrageryUI. Draggable

Question

Ich habe eine dynamisch erstellte TinyMCE Textarea (mit einer externen Symbolleiste), in einem Container div. Ich versuche, es ziehbar und veränderbar zu machen (der gesamte Textbereich).

jqueryUIs .draggable() funktioniert mit tinyMCE, aber wenn ich .resizable() verwende, erscheint die tinyMCE externe Symbolleiste nicht, wenn ich auf den Bereich klicke. Wenn ich tinyMCE in seinen Einstellungen benutze, verkleinere ich die ziehbare Funktion von jqueryUI (die ganze Box folgt der Maus und verkleinert die Größe und lässt sie nicht los). die handle Option von jQuery UI ziehbar und die Drag-Funktion Rückruf

Answer 1

löste ich dieses Problem mit:

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

Dies ist Lösung

".mce-resizehandle" ist die Klasse von tinymce Resize-Taste

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

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