FormPanel 折叠后 HTML 编辑器不可编辑

如何解决FormPanel 折叠后 HTML 编辑器不可编辑

我使用的是 ExtJS 3.4。这是一个非常旧的版本，我希望社区可以帮助我。 我在可折叠 FormPanel 中有带有保存和取消按钮的 HTMLEditor。 保存和取消按钮具有折叠 FormPanel 的功能。

FormPanel 的第一个状态是折叠的。展开后可以看到HTMLEditor可以编辑了。

在 HTMLEditor 上编辑内容后，我单击“保存”按钮，FormPanel 折叠起来。

在此之后，我再次展开 FormPanel。我无法编辑 HTML 编辑器。

代码如下：

    let formPanel = new Ext.FormPanel({
        labelAlign: 'left',id: 'saveForm',title: 'Data',bodyStyle: 'padding:5px',height: 100,autoScroll: true,collapsed: true,hideCollapsetool: true,border : false,frame : true,items:[
            {
                fieldLabel: 'Conclusion',enableColors: true,enableAlignments: true,enableLists: true,enableSourceEdit: true,plugins: [
                    new Ext.ux.form.HtmlEditor.Divider(),new Ext.ux.form.HtmlEditor.Word(),new Ext.ux.form.HtmlEditor.Table(),new Ext.ux.form.HtmlEditor.HR(),new Ext.ux.form.HtmlEditor.IndentOutdent(),new Ext.ux.form.HtmlEditor.SubSuperScript(),new Ext.ux.form.HtmlEditor.RemoveFormat()
                ],anchor: '98%',height: 250
            }
        ],buttons: [
            {
                text: BTN_SAVE,iconCls: 'icon-close',handler: function(){
                    formPanel.toggleCollapse();
                }
            },{
                text: BTN_CANCEL,handler: function(){
                    formPanel.toggleCollapse();
                }
            }
        ]
    });