В ExtJS есть небольшой редактор HTML, представленный классом Ext.form.field.HtmlEditor Рассмотрим 2 примера
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
// Создаем его прямо в document Ext.tip.QuickTipManager.init(); // enable tooltips Ext.create('Ext.form.HtmlEditor', { width: 580, height: 250, renderTo: Ext.getBody() }); //Создаем сначала панель, потом HTML Editor Ext.tip.QuickTipManager.init(); // enable tooltips new Ext.panel.Panel({ title: 'HTML Editor', renderTo: Ext.getBody(), width: 550, height: 250, frame: true, layout: 'fit', items: { xtype: 'htmleditor', enableColors: false, enableAlignments: false } }); |
При помощи API можно настроить редактор кода – добавить / убрать кнопки, шрифты и так далее.