performance of html editor

[hieu79vn]

Hello,

I create a htmleditor like this

function createFormEdit(){return Ext.create('Ext.form.Panel', {
frame: true,
id : 'formEdit',
bodyStyle: 'padding:5px 5px 0',
width: 940,
height: 200,
fieldDefaults: {
labelAlign: 'top',
msgTarget: 'side'
},


items: [{


xtype: 'htmleditor',
name: 'bio',
height: 150,
anchor: '100%'
},
{
xtype: 'container',
layout: 'hbox',
items:[
{
xtype : 'button',
text: 'Send'
},
{ xtype: 'tbspacer', width: 10 },
{
xtype : 'button',
text: 'Save now'
},
{ xtype: 'tbspacer', width: 10},
{
xtype : 'button',
text: 'Discard'
}
]
}
]


});
}

but each time this control is created, it takes a long time to load (about 5 seconds). The problem is from htmleditor. Could you please tell me how to solve this problem?
Thank you

[scottmartin]

Please tell me how this behaves: (<1 second on my system)



var htmlpanel = Ext.create('Ext.panel.Panel', {
title: 'htmleditor',
width: 600,
height: 200,
renderTo: Ext.getBody(),
layout: {
type: 'vbox',
align: 'stretch',
padding: 5
},
items: [{
xtype: 'htmleditor',
flex: 1
}]
});


Please provide more details.

Regards,
Scott.