1

TinyMCE でダイアログのサイズを変更するために jQuery Resizable を使用する Wordpress のプラグインがあります。<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>

これら2つの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 に答える