<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<title>The source code</title>
|
<link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
|
<script type="text/javascript" src="../resources/prettify/prettify.js"></script>
|
<style type="text/css">
|
.highlight { display: block; background-color: #ddd; }
|
</style>
|
<script type="text/javascript">
|
function highlight() {
|
document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
|
}
|
</script>
|
</head>
|
<body onload="prettyPrint(); highlight();">
|
<pre class="prettyprint lang-js"><span id='Ext-layout-component-field-HtmlEditor'>/**
|
</span> * Layout class for {@link Ext.form.field.HtmlEditor} fields. Sizes textarea and iframe elements.
|
* @private
|
*/
|
Ext.define('Ext.layout.component.field.HtmlEditor', {
|
extend: 'Ext.layout.component.field.FieldContainer',
|
alias: ['layout.htmleditor'],
|
|
<span id='Ext-layout-component-field-HtmlEditor-property-type'> type: 'htmleditor',
|
</span>
|
<span id='Ext-layout-component-field-HtmlEditor-property-naturalHeight'> naturalHeight: 150,
|
</span><span id='Ext-layout-component-field-HtmlEditor-property-naturalWidth'> naturalWidth: 300,
|
</span>
|
<span id='Ext-layout-component-field-HtmlEditor-method-beginLayout'> beginLayout: function(ownerContext) {
|
</span> var owner = this.owner,
|
dom;
|
|
// In gecko, it can cause the browser to hang if we're running a layout with
|
// a heap of data in the textarea (think several images with data urls).
|
// So clear the value at the start, then re-insert it once we're done
|
if (Ext.isGecko) {
|
dom = owner.textareaEl.dom;
|
this.lastValue = dom.value;
|
dom.value = '';
|
}
|
this.callParent(arguments);
|
|
ownerContext.toolbarContext = ownerContext.context.getCmp(owner.toolbar);
|
ownerContext.inputCmpContext = ownerContext.context.getCmp(owner.inputCmp);
|
ownerContext.textAreaContext = ownerContext.getEl('textareaEl');
|
ownerContext.iframeContext = ownerContext.getEl('iframeEl');
|
},
|
|
<span id='Ext-layout-component-field-HtmlEditor-method-beginLayoutCycle'> beginLayoutCycle: function(ownerContext) {
|
</span> var me = this,
|
widthModel = ownerContext.widthModel,
|
heightModel = ownerContext.heightModel,
|
owner = me.owner,
|
iframeEl = owner.iframeEl,
|
textareaEl = owner.textareaEl;
|
|
me.callParent(arguments);
|
if (widthModel.shrinkWrap) {
|
iframeEl.setStyle('width', '');
|
textareaEl.setStyle('width', '');
|
} else if (widthModel.natural) {
|
ownerContext.bodyCellContext.setWidth(me.naturalWidth);
|
}
|
|
if (heightModel.natural || heightModel.shrinkWrap) {
|
iframeEl.setHeight(me.naturalHeight);
|
textareaEl.setHeight(me.naturalHeight);
|
}
|
},
|
|
<span id='Ext-layout-component-field-HtmlEditor-method-finishedLayout'> finishedLayout: function(){
|
</span> var owner = this.owner;
|
|
this.callParent(arguments);
|
// In IE6 quirks sometimes the element requires repainting
|
// to show properly.
|
if (Ext.isIE9m && Ext.isIEQuirks) {
|
owner.el.repaint();
|
}
|
if (Ext.isGecko) {
|
owner.textareaEl.dom.value = this.lastValue;
|
}
|
},
|
|
<span id='Ext-layout-component-field-HtmlEditor-method-publishOwnerWidth'> publishOwnerWidth: function(ownerContext, width){
|
</span> this.callParent(arguments);
|
width -= ownerContext.inputCmpContext.getBorderInfo().width;
|
ownerContext.textAreaContext.setWidth(width);
|
ownerContext.iframeContext.setWidth(width);
|
},
|
|
<span id='Ext-layout-component-field-HtmlEditor-method-publishInnerWidth'> // The offsets for the text area are needed for bugs in sizing with IE.
|
</span> // The main issue behind it is that the iframe requires an initial height
|
// to be set while the component is auto sizing, however we need to switch
|
// it when using a configured size. A more permanent solution might be to
|
// have the iframe and text area be child components of the container
|
// as opposed to being directly inserted into the DOM.
|
publishInnerWidth: function(ownerContext, width){
|
var border = ownerContext.inputCmpContext.getBorderInfo().width,
|
ieBug = Ext.isStrict && Ext.isIE8m,
|
natural = ownerContext.widthModel.natural;
|
|
this.callParent(arguments);
|
width = ownerContext.bodyCellContext.props.width - border;
|
if (natural) {
|
if (ieBug) {
|
width -= 2;
|
}
|
ownerContext.textAreaContext.setWidth(width);
|
ownerContext.iframeContext.setWidth(width);
|
} else if (ieBug) {
|
ownerContext.textAreaContext.setWidth(width);
|
}
|
},
|
|
<span id='Ext-layout-component-field-HtmlEditor-method-publishInnerHeight'> publishInnerHeight: function (ownerContext, height) {
|
</span> var toolbarHeight = ownerContext.toolbarContext.getProp('height'),
|
sourceEdit = this.owner.sourceEditMode;
|
|
this.callParent(arguments);
|
height = ownerContext.bodyCellContext.props.height;
|
|
if (toolbarHeight !== undefined) {
|
height -= toolbarHeight + ownerContext.inputCmpContext.getFrameInfo().height;
|
if (Ext.isIE8 && Ext.isStrict) {
|
height -= 2;
|
} else if (Ext.isIEQuirks && (Ext.isIE8 || Ext.isIE9)) {
|
height -= 4;
|
}
|
ownerContext.iframeContext.setHeight(height);
|
ownerContext.textAreaContext.setHeight(height);
|
} else {
|
this.done = false;
|
}
|
}
|
|
});</pre>
|
</body>
|
</html>
|
