1

我在 Wordpress 中有一个插件，它使用 jQuery Resizable 来调整 TinyMCE 中的对话框大小。特别是有一个<div>（如下所示）我不想调整大小。我该如何做到这一点？

这是<div>我不想调整大小的输出：

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all wp-dialog ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-id-1">

这是可调整大小的句柄的输出：

<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"></div>

我尝试了这两个 jQuery 函数，但都没有工作：

$('.ui-dialog').resizable('destroy');
$('.ui-resizable-handle').resizable('destroy');
4

2 回答 2

4

添加一个 onMouseDown 处理程序以通过 CLASS 检查您的 DIV。如果单击了正确的 DIV，则需要处理编辑器的 BODY 元素。

这让我永远找不到！请享用

ed.onMouseDown.add(function(ed, e){ 
    var body = ed.getBody();
    if(jQuery(e.target).hasClass('someclass')){
        jQuery(body).attr({'contenteditable': false})
    }else{
        jQuery(body).attr({'contenteditable': true})
    }
})
于 2013-06-25T16:14:54.417 回答
0

使 CSS 无法调整大小

.defaultSkin .mceStatusbar a.mceResize {
display: none;
}
于 2018-11-02T17:08:27.617 回答