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

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

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();
});

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

1 个答案: