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.