html - MooEditable：編集を一時的に無効にする

Question

MooEditableブロックを一時的に無効にする（簡単な？）方法を探しています。

reset.cssのような基本的なインラインタグを配置するを使用して<strong>、コンテンツを編集する可能性なしに（。のように）、MooEditableiframeスタイルを維持したいと思い<textarea disabled="disabled">ます。

十分に明確であるかどうかわからない。

Answer 1

最後に、MooEditableの最も深いファイルを調べて、解決策を見つけました。

maybeeがこの解決策を望んでいる人のために：MooEditableはオプションを受け入れます、そしてここにあなたの電話があります：

$$('.mooeditable.enabled').mooEditable({enabled:true});
$$('.mooeditable.disabled').mooEditable({enabled:false});

attach関数で、コードを少し変更する必要があります。

attach: function(){
    var self = this;
    this.mode = 'iframe';
    this.editorDisabled = !this.options.enabled;
    ...
}

ui-toolbarを非表示にして、hiddenクラスを追加することもできます（推奨）。

MooEditable.UI.Toolbar= new Class({ 
    initialize: function(options){
        this.setOptions(options); 
        this.el = new Element('div', 
                              {'class': 'mooeditable-ui-toolbar ' + 
                                        (this.options.enabled ? '' : 'hidden') +
                                        this.options['class']
                              }); 
    } 
}

もちろん、対応するCSSを使用します。

.mooeditable-ui-toolbar.hidden {
    visibility: hidden;
}