Ticket #4231: 4231_3.patch

_source/plugins/resize/plugin.js

@@ -11 +11 @@
 
                 if ( config.resize_enabled )
                 {
-                        var container = null;
-                        var origin, startSize;
+                        var container = null,
+                                origin,
+                                startSize,
+                                resizeHorizontal = ( config.resize_dir == 'both' || config.resize_dir == 'horizontal' ) &&
+                                        ( config.resize_minWidth != config.resize_maxWidth ),
+                                resizeVertical = ( config.resize_dir == 'both' || config.resize_dir == 'vertical' ) &&
+                                        ( config.resize_minHeight != config.resize_maxHeight );
 
                         function dragHandler( evt )
                         {
-                                var dx = evt.data.$.screenX - origin.x;
-                                var dy = evt.data.$.screenY - origin.y;
-                                var internalWidth = startSize.width + dx * ( editor.lang.dir == 'rtl' ? -1 : 1 );
-                                var internalHeight = startSize.height + dy;
+                                var dx = evt.data.$.screenX - origin.x,
+                                        dy = evt.data.$.screenY - origin.y,
+                                        width = startSize.width,
+                                        height = startSize.height,
+                                        internalWidth = width + dx * ( editor.lang.dir == 'rtl' ? -1 : 1 ),
+                                        internalHeight = height + dy;
 
-                                editor.resize( Math.max( config.resize_minWidth, Math.min( internalWidth, config.resize_maxWidth ) ),
-                                                Math.max( config.resize_minHeight, Math.min( internalHeight, config.resize_maxHeight ) ) );
+                                if ( resizeHorizontal )
+                                        width =  Math.max( config.resize_minWidth, Math.min( internalWidth, config.resize_maxWidth ) );
+
+                                if ( resizeVertical )
+                                        height =  Math.max( config.resize_minHeight, Math.min( internalHeight, config.resize_maxHeight ) );
+
+                                editor.resize( width, height );
                         }
 
                         function dragEndHandler ( evt )
@@ -61 +73 @@
                                 {
                                         if ( event.data.space == 'bottom' )
                                         {
-                                                event.data.html += '<div class="cke_resizer"' +
+                                                var direction = '';
+                                                if ( resizeHorizontal && !resizeVertical)
+                                                        direction = ' cke_resizer_horizontal';
+                                                if ( !resizeHorizontal && resizeVertical)
+                                                        direction = ' cke_resizer_vertical';
+
+                                                event.data.html += '<div class="cke_resizer' + direction + '"' +
                                                         ' title="' + CKEDITOR.tools.htmlEncode( editor.lang.resize ) + '"' +
                                                         ' onmousedown="CKEDITOR.tools.callFunction(' + mouseDownFn + ', event)"' +
                                                         '></div>';
@@ -108 +126 @@
 CKEDITOR.config.resize_maxHeight = 3000;
 
 /**
- * Whether to enable the resizing feature. If disabed the resize handler will not be visible.
+ * Whether to enable the resizing feature. If disabled the resize handler will not be visible.
  * @type Boolean
  * @default true
  * @example
  * config.resize_enabled = false;
  */
 CKEDITOR.config.resize_enabled = true;
+
+/**
+ * The directions where resizing is enabled. It can be 'both', 'vertical' or 'horizontal'
+ * @type String
+ * @default 'both'
+ * @since 3.3
+ * @example
+ * config.resize_dir = 'vertical';
+ */
+
+CKEDITOR.config.resize_dir = 'both';
+ No newline at end of file

_source/skins/kama/mainui.css

@@ -133 +133 @@
         float: left;
 }
 
+.cke_skin_kama .cke_resizer_horizontal,
+.cke_skin_kama .cke_rtl .cke_resizer_horizontal
+{
+        cursor: e-resize;
+}
+
+.cke_skin_kama .cke_resizer_vertical,
+.cke_skin_kama .cke_rtl .cke_resizer_vertical
+{
+        cursor: n-resize;
+}
+
 .cke_skin_kama .cke_maximized .cke_resizer
 {
         display: none;

_source/skins/office2003/mainui.css

@@ -93 +93 @@
         cursor: se-resize;
 }
 
-.cke_skin_office2003 .cke_maximized .cke_resizer
-{
-        display: none;
-}
-
 .cke_skin_office2003 .cke_rtl .cke_resizer
 {
         cursor: sw-resize;
@@ -106 +101 @@
         float: left;
 }
 
+.cke_skin_office2003 .cke_resizer_horizontal,
+.cke_skin_office2003 .cke_rtl .cke_resizer_horizontal
+{
+        cursor: e-resize;
+}
+
+.cke_skin_office2003 .cke_resizer_vertical,
+.cke_skin_office2003 .cke_rtl .cke_resizer_vertical
+{
+        cursor: n-resize;
+}
+
+.cke_skin_office2003 .cke_maximized .cke_resizer
+{
+        display: none;
+}
+
 .cke_skin_office2003 .cke_browser_ie6 .cke_contents textarea,
 .cke_skin_office2003 .cke_browser_ie7 .cke_contents textarea
 {

_source/skins/v2/mainui.css

@@ -110 +110 @@
         float: left;
 }
 
+.cke_skin_v2 .cke_resizer_horizontal,
+.cke_skin_v2 .cke_rtl .cke_resizer_horizontal
+{
+        cursor: e-resize;
+}
+
+.cke_skin_v2 .cke_resizer_vertical,
+.cke_skin_v2 .cke_rtl .cke_resizer_vertical
+{
+        cursor: n-resize;
+}
+
 .cke_skin_v2 .cke_maximized .cke_resizer
 {
         display: none;