/*\r
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.\r
For licensing, see LICENSE.html or http://ckeditor.com/license\r
*/\r
\r
{\r
var config = editor.config;\r
\r
- if ( config.resize_enabled )\r
+ // Resize in the same direction of chrome,\r
+ // which is identical to dir of editor element. (#6614)\r
+ var resizeDir = editor.element.getDirection( 1 );\r
+\r
+ !config.resize_dir && ( config.resize_dir = 'both' );\r
+ ( config.resize_maxWidth == undefined ) && ( config.resize_maxWidth = 3000 );\r
+ ( config.resize_maxHeight == undefined ) && ( config.resize_maxHeight = 3000 );\r
+ ( config.resize_minWidth == undefined ) && ( config.resize_minWidth = 750 );\r
+ ( config.resize_minHeight == undefined ) && ( config.resize_minHeight = 250 );\r
+\r
+ if ( config.resize_enabled !== false )\r
{\r
var container = null,\r
origin,\r
dy = evt.data.$.screenY - origin.y,\r
width = startSize.width,\r
height = startSize.height,\r
- internalWidth = width + dx * ( editor.lang.dir == 'rtl' ? -1 : 1 ),\r
+ internalWidth = width + dx * ( resizeDir == 'rtl' ? -1 : 1 ),\r
internalHeight = height + dy;\r
\r
if ( resizeHorizontal )\r
startSize = { width : container.$.offsetWidth || 0, height : container.$.offsetHeight || 0 };\r
origin = { x : $event.screenX, y : $event.screenY };\r
\r
+ config.resize_minWidth > startSize.width && ( config.resize_minWidth = startSize.width );\r
+ config.resize_minHeight > startSize.height && ( config.resize_minHeight = startSize.height );\r
+\r
CKEDITOR.document.on( 'mousemove', dragHandler );\r
CKEDITOR.document.on( 'mouseup', dragEndHandler );\r
\r
if ( event.data.space == 'bottom' )\r
{\r
var direction = '';\r
- if ( resizeHorizontal && !resizeVertical)\r
+ if ( resizeHorizontal && !resizeVertical )\r
direction = ' cke_resizer_horizontal';\r
- if ( !resizeHorizontal && resizeVertical)\r
+ if ( !resizeHorizontal && resizeVertical )\r
direction = ' cke_resizer_vertical';\r
\r
- event.data.html += '<div class="cke_resizer' + direction + '"' +\r
+ var resizerHtml =\r
+ '<div' +\r
+ ' class="cke_resizer' + direction + ' cke_resizer_' + resizeDir + '"' +\r
' title="' + CKEDITOR.tools.htmlEncode( editor.lang.resize ) + '"' +\r
' onmousedown="CKEDITOR.tools.callFunction(' + mouseDownFn + ', event)"' +\r
'></div>';\r
+\r
+ // Always sticks the corner of botttom space.\r
+ resizeDir == 'ltr' && direction == 'ltr' ?\r
+ event.data.html += resizerHtml :\r
+ event.data.html = resizerHtml + event.data.html;\r
}\r
}, editor, null, 100 );\r
}\r
} );\r
\r
/**\r
- * The minimum editor width, in pixels, when resizing it with the resize handle.\r
+ * The minimum editor width, in pixels, when resizing the editor interface by using the resize handle.\r
+ * Note: It falls back to editor's actual width if it is smaller than the default value.\r
+ * @name CKEDITOR.config.resize_minWidth\r
* @type Number\r
* @default 750\r
* @example\r
* config.resize_minWidth = 500;\r
*/\r
-CKEDITOR.config.resize_minWidth = 750;\r
\r
/**\r
- * The minimum editor height, in pixels, when resizing it with the resize handle.\r
+ * The minimum editor height, in pixels, when resizing the editor interface by using the resize handle.\r
+ * Note: It falls back to editor's actual height if it is smaller than the default value.\r
+ * @name CKEDITOR.config.resize_minHeight\r
* @type Number\r
* @default 250\r
* @example\r
* config.resize_minHeight = 600;\r
*/\r
-CKEDITOR.config.resize_minHeight = 250;\r
\r
/**\r
- * The maximum editor width, in pixels, when resizing it with the resize handle.\r
+ * The maximum editor width, in pixels, when resizing the editor interface by using the resize handle.\r
+ * @name CKEDITOR.config.resize_maxWidth\r
* @type Number\r
* @default 3000\r
* @example\r
* config.resize_maxWidth = 750;\r
*/\r
-CKEDITOR.config.resize_maxWidth = 3000;\r
\r
/**\r
- * The maximum editor height, in pixels, when resizing it with the resize handle.\r
+ * The maximum editor height, in pixels, when resizing the editor interface by using the resize handle.\r
+ * @name CKEDITOR.config.resize_maxHeight\r
* @type Number\r
* @default 3000\r
* @example\r
* config.resize_maxHeight = 600;\r
*/\r
-CKEDITOR.config.resize_maxHeight = 3000;\r
\r
/**\r
- * Whether to enable the resizing feature. If disabled the resize handler will not be visible.\r
+ * Whether to enable the resizing feature. If this feature is disabled, the resize handle will not be visible.\r
+ * @name CKEDITOR.config.resize_enabled\r
* @type Boolean\r
* @default true\r
* @example\r
* config.resize_enabled = false;\r
*/\r
-CKEDITOR.config.resize_enabled = true;\r
\r
/**\r
- * The directions to which the editor resizing is enabled. Possible values\r
- * are "both", "vertical" and "horizontal".\r
+ * The dimensions for which the editor resizing is enabled. Possible values\r
+ * are <code>both</code>, <code>vertical</code>, and <code>horizontal</code>.\r
+ * @name CKEDITOR.config.resize_dir\r
* @type String\r
* @default 'both'\r
* @since 3.3\r
* @example\r
* config.resize_dir = 'vertical';\r
*/\r
-CKEDITOR.config.resize_dir = 'both';\r