html - MooEditable : temporary disable editing

Question

我正在寻找一种(简单？)方法来临时禁用我的 MooEditable block 。

使用 reset.css , 它放下了一些基本的内联标签，比如 <strong> ，我想保留 MooEditable iframe 样式，没有任何编辑内容的可能性(如 <textarea disabled="disabled"> 。

不确定是否足够清楚。

Answer 1

最后，我找到了解决办法，在MooEditable的最深层文件中查找。

对于可能想要这个解决方案的人: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;
}