Extjs htmleditor会根据其值的内容进行增长

如何在没有滚动条的情况下使用extjs htmleditor的内容值增长它（就像extjs textArea增长一样）。

使用配置

*如果此属性是一个数字，则其解释如下：

0:宽度和高度均不取决于内容。这相当于false。
1：宽度取决于内容物（收缩包装），但高度不取决于内容物。
2：高度取决于内容物（收缩包装），但宽度不取决于内容物。默认值。
3：宽度和高度取决于内容（收缩包装）。这相当于true。
在CSS术语中，收缩包宽度类似于内联块元素，而不是块级元素。某些容器布局始终收缩包装其子级，实际上忽略此属性（例如，Ext.layout.container.HBox、Ext.layout.container.VBox、Ext.layout.component.Dock）。 默认值为：2*

这应该可以做到：

Ext.application({

    name: 'Fiddle',

    launch: function() {
        new Ext.form.field.HtmlEditor({
            renderTo: document.body,
            height: 22,
            width: 300,
            defaultValue: '',
            listeners: {
                initialize: function(field) {
                    var body = field.getEditorBody();
                    body.style.overflow = 'hidden';
                    Ext.DomHelper.applyStyles(body, {
                        'word-wrap': 'break-word'
                    });
                    this.getToolbar().hide();
                },
                change: function(field) {
                    var body = field.getEditorBody();
                    field.setHeight(body.offsetHeight);
                }
            }
        })
    }
});

森查小提琴：