ExtJS 7 Force Froala 编辑器以适应父组件大小

Question

是否可以配置 Froala 编辑器，使其在高度和宽度上始终与父组件的大小相匹配？

目前，随着文本量的增加，它超出了父组件的边界，无论我使用什么布局。

我检查了可用选项和示例列表，但没有找到合适的设置。我现在可以使用的唯一选项是为 Ext.froala.Mixin.editor 配置明确设置高度和宽度。

我正在使用现代工具包 ExtJS 7.2。

Fiddle

我希望在 Froala 编辑器组件内滚动，但 Froala 编辑器组件超出了父组件的高度。

Answer 1

为植物包装纸设置 overflow: auto;：

    .fr-box.fr-basic.fr-top .fr-wrapper {
        overflow: auto;
    }

Fiddle

Answer 2

extjs v7.5.0、froala v4.0.8 更新：

.x-froala .fr-wrapper {
    flex: 1 1 auto;
    overflow-y: auto;
    height: 0px;
}