Question

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

使用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工具栏，将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;
}

MooEditable：临时禁用编辑

1 个答案: