Restabilă tinyMCE nu funcționează cu jqueryUI's

Am o textura TinyMCE creată dinamic (folosind o bară de instrumente externă), în interiorul unui container div. Încerc să fiu dragabil și să pot fi redimensionabil (întreaga zonă de text).

jQueryUI's .draggable() funcționează cu tinyMCE, dar dacă folosesc .resizable (), bara de instrumente externă tinyMCE nu apare când fac clic pe zonă. Dacă folosesc opțiunea de redimensionare a tinyMCE în setările sale, atunci când dau clic pentru a trage la dimensiune, aceasta rupe funcția draggable a jqueryUI (întreaga cutie urmează mouse-ul, precum și redimensionarea și nu va renunța).

0
Ați reușit să rezolvați asta?
adăugat autor user961627, sursa
Am exact aceeași problemă. Întrebarea dvs. este: Cum puteți glisa dimensiunea redimensionabilă în zona tinymce?
adăugat autor Andrei Cristian Prodan, sursa

2 răspunsuri

Am rezolvat această problemă utilizând opțiunea handle a jQuery ui draggable și apelul funcției drag drag:

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;
    }
};
0
adăugat

Aceasta este soluția

".mce-resizehandle" este clasa butonului de redimensionare tinymce

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

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