如何禁止编辑htmleditor

Ext禁止编辑HtmlEditor的方法

如果我们想要使用HtmlEditor只是用于显示数据时，需要禁止编辑Ext.form.HtmlEditor。

一般的做法都是通过设置readOnly : true 和disabled : true 但是你会发现，这样的做法根本不起作用。

这里我们需要重写HtmlEditor的disabled方法。

Ext.override(Ext.form.HtmlEditor, {

onDisable: function(){

if(this.rendered){

this.wrap.mask()

}

Ext.form.HtmlEditor.superclass.onDisable.call(this)

},

onEnable: function(){

if(this.rendered){

var roMask = this.wrap.mask()

roMask.dom.style.filter = "alpha(opacity=0)"//IE

roMask.dom.style.opacity = "0"//Mozilla

roMask.dom.style.background = "white"

roMask.dom.style.overflow = "scroll"

}

Ext.form.HtmlEditor.superclass.onEnable.call(this)

}

})

enableFont : Boolean

允许字体选项。Safari 中无效。(默认为 true)。Enable... 允许字体选项。Safari 中无效。(默认为 true)。Enable font selection. Not

available in Safari. (defaults to true)HtmlEditor

enableFontSize : Boolean

允许增大/缩小字号按钮(默认为 true)。Enable the in... 允许增大/缩小字号按钮(默认为 true)。Enable the increase/decrease font size

buttons (defaults to true)HtmlEditor

enableFormat : Boolean

允许粗体、斜体和下划线按钮(默认为 true)。Enable the ... 允许粗体、斜体和下划线按钮(默认为 true)。Enable the bold, italic and underline

buttons (defaults to true)HtmlEditor

enableLinks : Boolean

允许创建链接按钮。Safari 中无效。(默认为 true)。Enab... 允许创建链接按钮。Safari 中无效。(默认为 true)。Enable the create link button.

Not available in Safari. (defaults to true)HtmlEditor

enableLists : Boolean

允许项目和列表符号按钮。Safari 中无效。(默认为 true)。E... 允许项目和列表符号按钮。Safari 中无效。(默认为 true)。Enable the bullet and numbered

list buttons. Not available in Safari. (defaults to true)HtmlEditor

enableSourceEdit :

Boolean

允许切换到源码编辑按钮。Safari 中无效。(默认为 true)。E... 允许切换到源码编辑按钮。Safari 中无效。(默认为 true)。Enable the switch to source

edit button. Not available in Safari. (defaults to true)HtmlEditor

fieldClass : String 表单元素一般状态CSS样式（默认为"x-form

快快把分给我...

---