01_CommentTestPanel.js

Ext.define('commenttest.component.CommentTestPanel', {
  extend    : 'Ext.form.Panel',
	title     : 'Editor',
	layout    : 'column',
	width     : 1000,
	activeTab : 0,
	requires  : ['commenttest.component.htmleditors'],
	alias     : 'widget.commentTestPanel',
	initComponent: function() {

		this.items = [{
			xtype : 'tabpanel',
			id    : 'myTPanel',
			items : [{
				xtype : 'htmleditors',
				width : 1000
			}]
		}];

		this.callParent(arguments);
	}
});

02_Viewport.js

Ext.define('commenttest.view.Viewport', {
  extend: 'Ext.container.Container',
	id: 'viewport',
	requires:['commenttest.component.CommentTestPanel'],
	items: [{
	    xtype : 'commentTestPanel'
  }],
	renderTo: 'wb-content',
	initComponent: function() {
	    this.callParent(arguments);
	}
});

03_commentTestController.js

Ext.define('commenttest.controller.commenttestController', {
  extend:'Ext.app.Controller',
	init: function() {

		console.log('in Test Controller');
		var me = this;
		this.control({
			'commentTestPanel':{
				afterrender: this.onEditorRender
			}
		});
	},
	onEditorRender: function() {
		console.log('it reads me');
	}
});