html - MooEditable:暂时禁用编辑

我正在寻找一种（简单的？）方法来临时禁用我的MooEditable块。

使用reset.css，它放下了一些基本的内嵌标签（如<strong>），我希望保持MooEditable iframe样式，而不能编辑内容（如<textarea disabled="disabled">）。

不确定是否足够清楚。

最佳答案

最后，我找到了一个解决方案，查找了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工具栏，在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;
}

关于html - MooEditable:暂时禁用编辑，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11030810/