Ext.form.field.HtmlEditor

Класс Ext.form.field.HtmlEditor позволяет создавать текстовые поля с расширенной функциональностью, наподобие примитивных текстовых редакторов. Например:

Ext.onReady(function(){	
	var formPanel = Ext.create('Ext.Panel', {
		title: 'Редактор текста',
		width: 350,
		height:200,
		layout: 'fit',
		items: [{
			xtype: 'htmleditor'
		}],
		renderTo: Ext.getBody()
	});
});

Данный компонент обладает рядом настроек, которые позволяют изменить, например, некоторые кнопки на панели, убрать ненужные шрифты и т.д. Например:

Ext.onReady(function(){
	var formPanel = Ext.create('Ext.Panel', {
		title: 'Редактор текста',
		width: 350,
		height:200,
		layout: 'fit',
		items: [{
		xtype: 'htmleditor',
			enableColors: false,
			enableLinks: false,
			fontFamilies: ["Arial", "Tahoma", "Verdana"]
		}],
		renderTo: Ext.getBody()
	});
});

Параметр enableColors: false говорит, что нам надо убрать кнопку выбора цветов. Аналогично с помощью enableLinks: false мы убираем возможность добавления ссылок, иначе по умолчанию эти параметры имеют значение true. Подобным образом можно настроить и другие кнопки. А параметр fontFamilies указывает набор только тех шрифтов, которые будут отображаться и использоваться в компоненте.