vanilla ckeditor-3.6.3

[ckeditor.git] / _source / plugins / justify / plugin.js

diff --git a/_source/plugins/justify/plugin.js b/_source/plugins/justify/plugin.js
index 036434d..1b3aaa5 100644 (file)
--- a/_source/plugins/justify/plugin.js
+++ b/_source/plugins/justify/plugin.js
@@ -1,5 +1,5 @@
 /*\r
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
+Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.\r
 For licensing, see LICENSE.html or http://ckeditor.com/license\r
 */\r
 \r
@@ -9,18 +9,6 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
 \r
 (function()\r
 {\r
-       function getState( editor, path )\r
-       {\r
-               var firstBlock = path.block || path.blockLimit;\r
-\r
-               if ( !firstBlock || firstBlock.getName() == 'body' )\r
-                       return CKEDITOR.TRISTATE_OFF;\r
-\r
-               return ( getAlignment( firstBlock, editor.config.useComputedState ) == this.value ) ?\r
-                       CKEDITOR.TRISTATE_ON :\r
-                       CKEDITOR.TRISTATE_OFF;\r
-       }\r
-\r
        function getAlignment( element, useComputedState )\r
        {\r
                useComputedState = useComputedState === undefined || useComputedState;\r
@@ -40,7 +28,8 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
                        align = element.getStyle( 'text-align' ) || element.getAttribute( 'align' ) || '';\r
                }\r
 \r
-               align && ( align = align.replace( /-moz-|-webkit-|start|auto/i, '' ) );\r
+               // Sometimes computed values doesn't tell.\r
+               align && ( align = align.replace( /(?:-(?:moz|webkit)-)?(?:start|auto)/i, '' ) );\r
 \r
                !align && useComputedState && ( align = element.getComputedStyle( 'direction' ) == 'rtl' ? 'right' : 'left' );\r
 \r
@@ -49,13 +38,15 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
 \r
        function onSelectionChange( evt )\r
        {\r
-               var command = evt.editor.getCommand( this.name );\r
-               command.state = getState.call( this, evt.editor, evt.data.path );\r
-               command.fire( 'state' );\r
+               if ( evt.editor.readOnly )\r
+                       return;\r
+\r
+               evt.editor.getCommand( this.name ).refresh( evt.data.path );\r
        }\r
 \r
        function justifyCommand( editor, name, value )\r
        {\r
+               this.editor = editor;\r
                this.name = name;\r
                this.value = value;\r
 \r
@@ -82,6 +73,59 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
                }\r
        }\r
 \r
+       function onDirChanged( e )\r
+       {\r
+               var editor = e.editor;\r
+\r
+               var range = new CKEDITOR.dom.range( editor.document );\r
+               range.setStartBefore( e.data.node );\r
+               range.setEndAfter( e.data.node );\r
+\r
+               var walker = new CKEDITOR.dom.walker( range ),\r
+                       node;\r
+\r
+               while ( ( node = walker.next() ) )\r
+               {\r
+                       if ( node.type == CKEDITOR.NODE_ELEMENT )\r
+                       {\r
+                               // A child with the defined dir is to be ignored.\r
+                               if ( !node.equals( e.data.node ) && node.getDirection() )\r
+                               {\r
+                                       range.setStartAfter( node );\r
+                                       walker = new CKEDITOR.dom.walker( range );\r
+                                       continue;\r
+                               }\r
+\r
+                               // Switch the alignment.\r
+                               var classes = editor.config.justifyClasses;\r
+                               if ( classes )\r
+                               {\r
+                                       // The left align class.\r
+                                       if ( node.hasClass( classes[ 0 ] ) )\r
+                                       {\r
+                                               node.removeClass( classes[ 0 ] );\r
+                                               node.addClass( classes[ 2 ] );\r
+                                       }\r
+                                       // The right align class.\r
+                                       else if ( node.hasClass( classes[ 2 ] ) )\r
+                                       {\r
+                                               node.removeClass( classes[ 2 ] );\r
+                                               node.addClass( classes[ 0 ] );\r
+                                       }\r
+                               }\r
+\r
+                               // Always switch CSS margins.\r
+                               var style = 'text-align';\r
+                               var align = node.getStyle( style );\r
+\r
+                               if ( align == 'left' )\r
+                                       node.setStyle( style, 'right' );\r
+                               else if ( align == 'right' )\r
+                                       node.setStyle( style, 'left' );\r
+                       }\r
+               }\r
+       }\r
+\r
        justifyCommand.prototype = {\r
                exec : function( editor )\r
                {\r
@@ -106,7 +150,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
                                iterator = ranges[ i ].createIterator();\r
                                iterator.enlargeBr = enterMode != CKEDITOR.ENTER_BR;\r
 \r
-                               while ( ( block = iterator.getNextParagraph() ) )\r
+                               while ( ( block = iterator.getNextParagraph( enterMode == CKEDITOR.ENTER_P ? 'p' : 'div' ) ) )\r
                                {\r
                                        block.removeAttribute( 'align' );\r
                                        block.removeStyle( 'text-align' );\r
@@ -136,6 +180,16 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
                        editor.focus();\r
                        editor.forceNextSelectionCheck();\r
                        selection.selectBookmarks( bookmarks );\r
+               },\r
+\r
+               refresh : function( path )\r
+               {\r
+                       var firstBlock = path.block || path.blockLimit;\r
+\r
+                       this.setState( firstBlock.getName() != 'body' &&\r
+                               getAlignment( firstBlock, this.editor.config.useComputedState ) == this.value ?\r
+                               CKEDITOR.TRISTATE_ON :\r
+                               CKEDITOR.TRISTATE_OFF );\r
                }\r
        };\r
 \r
@@ -178,13 +232,20 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
                        editor.on( 'selectionChange', CKEDITOR.tools.bind( onSelectionChange, right ) );\r
                        editor.on( 'selectionChange', CKEDITOR.tools.bind( onSelectionChange, center ) );\r
                        editor.on( 'selectionChange', CKEDITOR.tools.bind( onSelectionChange, justify ) );\r
+                       editor.on( 'dirChanged', onDirChanged );\r
                },\r
 \r
                requires : [ 'domiterator' ]\r
        });\r
 })();\r
 \r
-CKEDITOR.tools.extend( CKEDITOR.config,\r
-       {\r
-               justifyClasses : null\r
-       } );\r
+ /**\r
+ * List of classes to use for aligning the contents. If it's null, no classes will be used\r
+ * and instead the corresponding CSS values will be used. The array should contain 4 members, in the following order: left, center, right, justify.\r
+ * @name CKEDITOR.config.justifyClasses\r
+ * @type Array\r
+ * @default null\r
+ * @example\r
+ * // Use the classes 'AlignLeft', 'AlignCenter', 'AlignRight', 'AlignJustify'\r
+ * config.justifyClasses = [ 'AlignLeft', 'AlignCenter', 'AlignRight', 'AlignJustify' ];\r
+ */\r