Jquery ui 可调整大小的tinyMCE实例不与jqueryUI';可拖动的
我在container div中动态创建了一个TinyMCE textarea(使用一个外部工具栏)。我试图使它可以拖动,并且可以调整大小(整个文本区域)Jquery ui 可调整大小的tinyMCE实例不与jqueryUI';可拖动的,jquery-ui,tinymce,draggable,resize,resizable,Jquery Ui,Tinymce,Draggable,Resize,Resizable,我在container div中动态创建了一个TinyMCE textarea(使用一个外部工具栏)。我试图使它可以拖动,并且可以调整大小(整个文本区域) jQueryUI的.draggable()可以与tinyMCE一起使用,但是如果我使用.resizeable(),当我单击该区域时,tinyMCE外部工具栏不会出现。如果我在设置中使用tinyMCE的调整大小选项,当我单击拖动以调整其大小时,它会破坏jqueryUI的可拖动功能(整个框跟随鼠标并调整大小,不会松开)。我使用jquery ui可
jQueryUI的.draggable()可以与tinyMCE一起使用,但是如果我使用.resizeable(),当我单击该区域时,tinyMCE外部工具栏不会出现。如果我在设置中使用tinyMCE的调整大小选项,当我单击拖动以调整其大小时,它会破坏jqueryUI的可拖动功能(整个框跟随鼠标并调整大小,不会松开)。我使用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;
}
};
这就是解决方案
“.mce resizehandle”是tinymce resize按钮的类别
$( ".selector" ).resizable({
cancel: ".mce-resizehandle,input,textarea,button,select,option",
});
$( ".selector" ).draggable({
cancel: ".mce-resizehandle,input,textarea,button,select,option",
});
我也有同样的问题。你的问题是:如何将可调整大小的拖拽到tinymce区域上?你们解决了这个问题吗?