Extjs htmleditor增長到適合其價值的內容

Question

如何使用沒有滾動條的內容值來增長extjs htmleditor（就像extjs textArea增長一樣）。

Answer 1

使用shrinkWrap配置。

0：：既不寬度也不高度依賴於內容

*如果此屬性是一個數字，如下它被解釋。這相當於錯誤。
1：寬度取決於內容（收縮包裝），但高度不是。
2：高度取決於內容（收縮包裝），但寬度不包含。默認值。
3：寬度和高度都取決於內容（收縮包裝）。這相當於真實。
在CSS術語中，收縮包裝寬度類似於內嵌塊元素，而不是塊級元素。一些容器佈局總是收縮他們的孩子，有效地忽略這個屬性（例如，Ext.layout.container.HBox，Ext.layout.container.VBox，Ext.layout.component.Dock）。 默認爲：2 *

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

煎茶小提琴：https://fiddle.sencha.com/#view/editor&fiddle/271j