extjs - ExtJS HTMLEditor 工具栏在达到指定高度后消失

Question

我正在使用 ExtJS HTMLEditor 并设置属性如下 -

{ xtype: "htmleditor", width: 500, height: 250}

输入文本时，达到指定高度后，工具栏消失。我尝试删除高度和设置autoHeight: true ，但在这两种情况下，HTML 编辑器都不适合窗口（HTMLEditor 在里面Ext.form.FormPanel）。

任何有想法的人来解决它。

这是我的代码

Ext.onReady(function() {
    Ext.create('Ext.window.Window', {
        title: 'This is Title',
    resizable: false,
    modal: true,
    height: 300,
    width: 500,
    layout: 'fit',
    closeAction: 'hide',
        items: [
                    new Ext.form.FormPanel({
                    border: false,
                    autoHeight: true,
                items: [
                    {  allowBlank: false, xtype:     
                                    "htmleditor", height: 250, width: 600, anchor:'100%'}
                ]
            })
         ],
         buttons: [
        {text: 'Ok' },
        {text: 'Cancel'}
         ]
     }).show();
});

Answer 1

我已经解决了问题 - 添加layout: 'fit'到 Formpanel

Ext.onReady(function() {
    Ext.create('Ext.window.Window', {
        title: 'This is Title',
    resizable: false,
    modal: true,
    height: 300,
    width: 500,
    layout: 'fit',
    closeAction: 'hide',
        items: [
                    new Ext.form.FormPanel({
                    border: false,
                    layout: 'fit',   // This fixed the issue
                    items: [
                        {  allowBlank: false, 
                           xtype: "htmleditor", 
                           height: 250, 
                           width: 600
                        }
                    ]
            })
         ],
         buttons: [
                    {text: 'Ok' },
                    {text: 'Cancel'}
         ]
     }).show();
});