ExtJS與KindEditor整合的方式。

/**
 * 將KindEditor4.1.2 功能封裝到名稱空間“KE“。
 * @author shuyuan
 */
Ext.namespace("KE");
KE.app = (function() {
	return {
		/**
		 * 初始化editor
		 * @param initParam 初始引數。
		 * @returns
		 */
		init : function (initParam){	
			setTimeout(function(){
				KindEditor.create('#' + initParam.renderTo, initParam);
			}, ((!initParam.delayTime || initParam.delayTime) <= 0 ? 5 : initParam.delayTime));
		},
		/**
		 * 獲取建立後的editor物件。
		 * @param renderTO textarea的ID，根據此引數查詢已建立的editor物件
		 * @returns
		 */
		getEditor : function(renderTO) {
			var editors = KindEditor.instances;
			for(var i = 0; i < editors.length; i++){
				if(editors[i].renderTo && editors[i].renderTo === renderTO){
					return editors[i];
				}		
			}	
		}
	};
})();
 

初始化KindEditor：

var contentFormPanelCn = new Ext.form.FormPanel({
	id : 'contentFormPanelCn',
	title:mpdLang.chinese, //'中文',
	layout : 'fit',
	bodyStyle:"border:0px;padding:0px",
	defaultType : 'textfield',
	items : [{
		xtype:'textarea',
		id:'contentCn',
		width:'auto',
		height:'auto'
	}],
	listeners:{
		'render':function(){
			KE.app.init({
				renderTo : "contentCn",
				delayTime : 1,
				readonlyMode : false,
				resizeType : 0,
				width : '100%',
				minChangeSize : 20,
				imageTabIndex : 1,
				uploadJson : "",
				readonlyMode : true
			});
		}			
	},
	buttons:[{
		text:commonality_save,//儲存
		id:"btnEditContentCn",
		handler : function() {
			var html = KE.app.getEditor('contentCn').html();//取值
		}
	}],
	buttonAlign:'center'
});