Как я могу увеличить extjs htmleditor с его значением содержимого без полос прокрутки (точно так же, как extjs textArea растет.).
Extjs htmleditor растет, чтобы соответствовать содержимому его значения
Ответы (2)
Использование shrinkWrap< /а> конфиг.
*Если это свойство является числом, оно интерпретируется следующим образом:
0: Ни ширина, ни высота не зависят от содержимого. Это эквивалентно false.
1: Ширина зависит от содержимого (усадочные обертки), а высота — нет.
2: Высота зависит от содержимого (усадочные обертки), а ширина — нет. По умолчанию.
3. И ширина, и высота зависят от содержимого (термоусадочная пленка). Это эквивалентно истине.
В терминах 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);
}
}
})
}
});
Скрипка Сенча: https://fiddle.sencha.com/#view/editor&fiddle/271j а>