Ticket #3564: 3564.patch

_source/lang/en.js

@@ -647 +647 @@
                 copy : 'Copyright © $1. All rights reserved.'
         },
 
-        maximize : 'Maximize'
+        maximize : 'Maximize',
+
+        resize : 'Drag to resize'
 };

_source/plugins/resize/plugin.js

@@ +1 @@
+/*
+Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+CKEDITOR.plugins.add( 'resize',
+{
+        init : function( editor )
+        {
+                var config = editor.config;
+
+                function attachResizer()
+                {
+                        var bottom = editor.getThemeSpace( 'bottom' );
+
+                        // Add the resize handle.
+                        var resizer = CKEDITOR.dom.element.createFromHtml( '<div class="cke_resizer"' +
+                                ' title="' + CKEDITOR.tools.htmlEncode( editor.lang.resize ) + '"' +
+                                '></div>' );
+                        resizer.appendTo( bottom );
+
+                        // Add event handlers to the resize handle.
+                        var origin,
+                                startSize,
+                                container = editor.getThemeSpace( 'contents' ).getAscendant( 'table' );
+                        function dragHandler( evt )
+                        {
+                                var dx = evt.data.$.screenX - origin.x;
+                                var dy = evt.data.$.screenY - origin.y;
+                                var internalWidth = startSize.width + dx;
+                                var internalHeight = startSize.height + dy;
+
+                                editor.resize( Math.max( config.resizeMinWidth, Math.min( internalWidth, config.resizeMaxWidth ) ),
+                                                Math.max( config.resizeMinHeight, Math.min( internalHeight, config.resizeMaxHeight ) ) );
+                        }
+
+                        function dragEndHandler ( evt )
+                        {
+                                CKEDITOR.document.removeListener( 'mousemove', dragHandler );
+                                CKEDITOR.document.removeListener( 'mouseup', dragEndHandler );
+
+                                if ( editor.document )
+                                {
+                                        editor.document.removeListener( 'mousemove', dragHandler );
+                                        editor.document.removeListener( 'mouseup', dragEndHandler );
+                                }
+                        }
+
+                        resizer.on( 'mousedown', function( evt )
+                                {
+                                        startSize = { width : container.$.offsetWidth || 0, height : container.$.offsetHeight || 0 };
+                                        origin = { x : evt.data.$.screenX, y : evt.data.$.screenY };
+
+                                        CKEDITOR.document.on( 'mousemove', dragHandler );
+                                        CKEDITOR.document.on( 'mouseup', dragEndHandler );
+
+                                        if ( editor.document )
+                                        {
+                                                editor.document.on( 'mousemove', dragHandler );
+                                                editor.document.on( 'mouseup', dragEndHandler );
+                                        }
+                                } );
+
+                }
+
+                if ( config.resizeEnabled )
+                        editor.on( 'themeLoaded', attachResizer );
+        }
+} );
+
+CKEDITOR.config.resizeMinWidth = 100;
+CKEDITOR.config.resizeMinHeight = 250;
+CKEDITOR.config.resizeMaxWidth = 3000;
+CKEDITOR.config.resizeMaxHeight = 3000;
+CKEDITOR.config.resizeEnabled = true;

_source/themes/default/theme.js

@@ -186 +186 @@
         var delta = isContentHeight ? 0 : ( outer.$.offsetHeight || 0 ) - ( contents.$.clientHeight || 0 );
 
         // Resize the height.
-        contents.setStyle( 'height', ( height - delta ) + 'px' );
+        contents.setStyle( 'height', Math.max( ( height - delta ), 0 ) + 'px' );
 
         // Emit a resize event.
         this.fire( 'resize' );

_source/skins/office2003/elementspath.css

@@ -14 +14 @@
 .cke_skin_office2003 .cke_path
 {
         padding: 3px 3px 0 3px;
+        display: block;
+        float: left;
+        width: 75%;
 }
 
 .cke_skin_office2003 .cke_path a,

_source/skins/office2003/mainui.css

@@ -54 +54 @@
         white-space: pre;
         background-color: #fff;
 }
+
+.cke_skin_office2003 .cke_resizer
+{
+        width: 12px;
+        height: 12px;
+        margin-top: 12px;
+        display: block;
+        float: right;
+        background-image: url(images/resizer.gif);
+        cursor: se-resize;
+}

_source/skins/v2/elementspath.css

@@ -14 +14 @@
 .cke_skin_v2 .cke_path
 {
         padding: 3px 3px 0 3px;
+        display: block;
+        float: left;
+        width: 75%;
 }
 
 .cke_skin_v2 .cke_path a,

_source/skins/v2/mainui.css

@@ -65 +65 @@
         /* For IE6+Quirks only */
         _white-space: normal;
 }
+
+.cke_skin_v2 .cke_resizer
+{
+        width: 12px;
+        height: 12px;
+        margin-top: 12px;
+        display: block;
+        float: right;
+        background-image: url(images/resizer.gif);
+        cursor: se-resize;
+}

_source/core/config.js

@@ -150 +150 @@
          * config.plugins = 'basicstyles,button,htmldataprocessor,toolbar,wysiwygarea';
          */
 
-        plugins : 'about,basicstyles,blockquote,button,clipboard,colorbutton,contextmenu,elementspath,enterkey,entities,find,flash,font,format,forms,horizontalrule,htmldataprocessor,image,indent,justify,keystrokes,link,list,maximize,newpage,pagebreak,pastefromword,pastetext,preview,print,removeformat,save,scayt,smiley,showblocks,sourcearea,stylescombo,table,tabletools,specialchar,tab,templates,toolbar,undo,wysiwygarea,wsc',
+        plugins : 'about,basicstyles,blockquote,button,clipboard,colorbutton,contextmenu,elementspath,enterkey,entities,find,flash,font,format,forms,horizontalrule,htmldataprocessor,image,indent,justify,keystrokes,link,list,maximize,newpage,pagebreak,pastefromword,pastetext,preview,print,removeformat,resize,save,scayt,smiley,showblocks,sourcearea,stylescombo,table,tabletools,specialchar,tab,templates,toolbar,undo,wysiwygarea,wsc',
 
         /**
          * List of additional plugins to be loaded. This is a tool setting which