Html MooEditable:临时禁用编辑

Html MooEditable:临时禁用编辑,html,css,iframe,mootools,Html,Css,Iframe,Mootools,我正在寻找一种(简单?)方法来临时禁用我的可编辑块 使用一个reset.css,它放下了一些基本的内联标签,比如,我想保留MooEditable iframe样式,而不可能编辑内容(比如) 不太清楚。最后,我找到了一个解决方案,查找最深的MooEditable文件 对于可能需要此解决方案的人:Moobe接受选项,下面是您的电话: $$('.mooeditable.enabled').mooEditable({enabled:true}); $$('.mooeditable.disabled').

我正在寻找一种(简单?)方法来临时禁用我的可编辑块

使用一个
reset.css
,它放下了一些基本的内联标签,比如
,我想保留MooEditable iframe样式,而不可能编辑内容(比如


不太清楚。

最后,我找到了一个解决方案,查找最深的MooEditable文件

对于可能需要此解决方案的人:Moobe接受选项,下面是您的电话:

$$('.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工具栏,将
隐藏类添加到:

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

你能发布一个吗?当然不是……JSFIDLE在这里是无用的,我只是想了解一下Mootools的一般技巧,这不是一个结构问题或类似的问题。请注意,CKEditor本机支持此功能。