Extjs htmleditor가 그 값의 내용에 맞게 자랍니다.

Question

어떻게 extjs htmleditor를 스크롤 막대가없는 콘텐츠 값으로 성장시킬 수 있습니까? (extjs textArea가 성장하는 것처럼).

Answer 1

shrinkWrap 구성을 사용합니다.

0 : 폭이나 높이가 모두 콘텐츠에 의존 다음

*이 속성이 다수 인 경우

는이를 해석된다. 이것은 false와 동일합니다.
1 : 너비는 내용 (수축 랩)에 달려 있지만 높이는 그렇지 않습니다.
2 높이는 내용에 따라 다르지만 (너비가 줄어 듭니다) 너비는 다릅니다. 기본값.
3 : 너비와 높이 모두 내용에 따라 다릅니다 (수축 랩). 이것은 true와 같습니다.
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

을