TinyMCE：爲特定div禁用「可調整大小」功能？

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