1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    211
    Vote Rating
    0
    hieu79vn is an unknown quantity at this point

      0  

    Default Unanswered: performance of html editor

    Unanswered: performance of html editor


    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

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,085
    Answers
    675
    Vote Rating
    467
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


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

    Code:
    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.

Thread Participants: 1