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 указывает набор только тех шрифтов, которые будут отображаться и использоваться в компоненте.