jquery-ui - 可调整大小的 tinyMCE 实例不适用于 jqueryUI 的 .draggable

Question

我在容器 div 中有一个动态创建的 TinyMCE textarea(使用外部工具栏)。我试图让它可拖动和调整大小(整个文本区域)。

jQueryUI 的 .draggable() 与 tinyMCE 一起工作，但如果我使用 .resizable()，当我单击该区域时，tinyMCE 外部工具栏不会出现。如果我在它的设置中使用tinyMCE的resize选项，当我点击拖动来调整它的大小时，它会破坏jqueryUI的可拖动功能(整个框跟随鼠标以及调整大小，不会松手)。

Answer 1

我使用 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;
    }
};