可調整的tinyMCE實例不能用於jqueryUI的.draggable

我有一個動態創建的TinyMCE textarea（使用外部工具欄），在一個容器div內。我試圖讓它可以拖動，並調整大小（整個文本區域）。可調整的tinyMCE實例不能用於jqueryUI的.draggable

jQueryUI的.draggable（）適用於tinyMCE，但是如果使用.resizable（），當點擊該區域時，不會出現tinyMCE外部工具欄。如果我在其設置中使用tinyMCE的調整大小選項，當我點擊拖動來調整大小時，它會打破jqueryUI的可拖動功能（整個框跟隨鼠標以及調整大小，並且不會放開）。

來源

2012-05-24 tvann

我有完全相同的問題。你的問題是：你如何將可調整大小拖到tinymce區域？ –

你們是否設法解決這個問題？ – user961627

我解決了使用handle選項jQuery UI的可拖動的並拖動回調函數這個問題：

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; 
    } 
};

來源

2012-11-26 10:33:52 albanx

這是解決

「.mce-resizehandle」是類TinyMCE的大小調整按鍵的

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

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

來源

2017-08-01 10:37:57

可調整的tinyMCE實例不能用於jqueryUI的.draggable

回答

相關問題