Question

我在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');

Answer 1

添加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})
    }
})

Answer 2

无法通过CSS调整大小

.footer {
    position: absolute;
    width: 100%;
    height: fit-content;
    background-color: #ffffff;
}

TinyMCE：禁用特定div的'resizable'功能？

2 个答案: