add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / src / layout / component / field / HtmlEditor.js

/**\r
 * Layout class for {@link Ext.form.field.HtmlEditor} fields. Sizes textarea and iframe elements.\r
 * @private\r
 */\r
Ext.define('Ext.layout.component.field.HtmlEditor', {\r
    extend: 'Ext.layout.component.field.FieldContainer',\r
    alias: ['layout.htmleditor'],\r
\r
    type: 'htmleditor',\r
    \r
    naturalHeight: 150,\r
    naturalWidth: 300,\r
\r
    beginLayout: function(ownerContext) {\r
        var owner = this.owner,\r
            dom;\r
            \r
        // In gecko, it can cause the browser to hang if we're running a layout with\r
        // a heap of data in the textarea (think several images with data urls).\r
        // So clear the value at the start, then re-insert it once we're done\r
        if (Ext.isGecko) {\r
            dom = owner.textareaEl.dom;\r
            this.lastValue = dom.value;\r
            dom.value = '';\r
        }\r
        this.callParent(arguments);\r
\r
        ownerContext.toolbarContext  = ownerContext.context.getCmp(owner.toolbar);\r
        ownerContext.inputCmpContext = ownerContext.context.getCmp(owner.inputCmp);\r
        ownerContext.bodyCellContext = ownerContext.getEl('bodyEl');\r
        ownerContext.textAreaContext = ownerContext.getEl('textareaEl');\r
        ownerContext.iframeContext   = ownerContext.getEl('iframeEl');\r
    },\r
    \r
    beginLayoutCycle: function(ownerContext) {\r
        var me = this,\r
            widthModel = ownerContext.widthModel,\r
            heightModel = ownerContext.heightModel,\r
            owner = me.owner,\r
            iframeEl = owner.iframeEl,\r
            textareaEl = owner.textareaEl,\r
            height = (heightModel.natural || heightModel.shrinkWrap) ? me.naturalHeight : '';\r
            \r
        me.callParent(arguments);\r
        if (widthModel.shrinkWrap) {\r
            iframeEl.setStyle('width', '');\r
            textareaEl.setStyle('width', '');\r
        } else if (widthModel.natural) {\r
            ownerContext.bodyCellContext.setWidth(me.naturalWidth);\r
        }\r
        \r
        iframeEl.setStyle('height', height);\r
        textareaEl.setStyle('height', height);\r
    },\r
    \r
    finishedLayout: function(){\r
        var owner = this.owner;\r
        \r
        this.callParent(arguments);\r
        if (Ext.isGecko) {\r
            owner.textareaEl.dom.value = this.lastValue;\r
        }\r
    }\r
});