Upgrade to ExtJS 4.0.0 - Released 04/26/2011

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

diff --git a/src/layout/component/field/HtmlEditor.js b/src/layout/component/field/HtmlEditor.js
new file mode 100644 (file)
index 0000000..87ea6de
--- /dev/null
+++ b/src/layout/component/field/HtmlEditor.js
@@ -0,0 +1,38 @@
+/**
+ * @private
+ * @class Ext.layout.component.field.HtmlEditor
+ * @extends Ext.layout.component.field.Field
+ * Layout class for {@link Ext.form.field.HtmlEditor} fields. Sizes the toolbar, textarea, and iframe elements.
+ * @private
+ */
+
+Ext.define('Ext.layout.component.field.HtmlEditor', {
+    extend: 'Ext.layout.component.field.Field',
+    alias: ['layout.htmleditor'],
+
+    type: 'htmleditor',
+
+    sizeBodyContents: function(width, height) {
+        var me = this,
+            owner = me.owner,
+            bodyEl = owner.bodyEl,
+            toolbar = owner.getToolbar(),
+            textarea = owner.textareaEl,
+            iframe = owner.iframeEl,
+            editorHeight;
+
+        if (Ext.isNumber(width)) {
+            width -= bodyEl.getFrameWidth('lr');
+        }
+        toolbar.setWidth(width);
+        textarea.setWidth(width);
+        iframe.setWidth(width);
+
+        // If fixed height, subtract toolbar height from the input area height
+        if (Ext.isNumber(height)) {
+            editorHeight = height - toolbar.getHeight() - bodyEl.getFrameWidth('tb');
+            textarea.setHeight(editorHeight);
+            iframe.setHeight(editorHeight);
+        }
+    }
+});
\ No newline at end of file