首先在页面中导入Extjs和kindeditor

Extjs代码如下：

Ext.define('Admin.view.Edit',{
	extend:'Ext.panel.Panel',

	initComponent:function(){
		var me = this;
		Ext.apply(this,{
			items:[
				{
					
					xtype:'form',
					items:[
						{
							xtype:'textfield',
							fieldLabel:'标题'
						}
					]
				},{
					xtype:'form',
					items:[
						{
							xtype:'textarea',
							fieldLabel:'内容',
							width:700,
							height:400,
							name:'content'
						}
					]
				}
			]
		});
		me.callParent();

		//当textarea渲染完成之后在加载editor
		me.down('textarea[name=content]').on('render',me.initEditor,me);
	},

	initEditor:function(){
		console.log("init");
		var me = this;
		var textarea = me.down('textarea[name=content]').getEl().dom;
        K = KindEditor;
        me.htmlEditor = K.create(textarea);
	}
});

注意：

1、一定要等textarea渲染完成之后再创建kindeditor

2、不能把kindeditor和其他Extjs控件放到同一个form中，在同一个form布局中会出现错乱，要把kindeditor单独放一个form中。