HtmlEditor Readonly 或 Disabled

利用Panel的mask()方法。

这种取巧的方法跟我的另一篇文章“Ext FieldSet 布局”(http://fireinjava.iteye.com/admin/blogs/501592)有点类似。

效果：

 

 

Ext.onReady(function() {

			Ext.QuickTips.init();

			var htmlEditor = new Ext.form.HtmlEditor({
						fieldLabel : '在线编辑器',
						name : 'htmlEditor',
						height : 100,
						width : 400,
						fontFamilies : ['宋体', '黑体'],
						value : '333333'
					});

			var p1 = new Ext.Panel({
						layout : 'fit',
						width : 300,
						items : [htmlEditor]
					});

			var formPanel = new Ext.form.FormPanel({
						border : false,
						formId : 'addForm',
						labelAlign : 'right',
						frame : true,
						labelAlign : 'right',
						labelWidth : 150,
						items : [p1]
					});

			var viewport = new Ext.Viewport({
						layout : 'fit',
						items : [formPanel]
					});
			p1.getEl().mask();//给htmlEditor的父容器设置遮罩
		})