--- /dev/null
+/*\r
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
+For licensing, see LICENSE.html or http://ckeditor.com/license\r
+*/\r
+\r
+(function()\r
+{\r
+ var guardElements = { table:1, ul:1, ol:1, blockquote:1, div:1 };\r
+ var directSelectionGuardElements = {};\r
+ CKEDITOR.tools.extend( directSelectionGuardElements, guardElements, { tr:1, p:1, div:1, li:1 } );\r
+\r
+ function onSelectionChange( evt )\r
+ {\r
+ evt.editor.getCommand( 'bidirtl' ).setState( getState( evt.editor, evt.data.path, 'rtl' ) );\r
+ evt.editor.getCommand( 'bidiltr' ).setState( getState( evt.editor, evt.data.path, 'ltr' ) );\r
+ }\r
+\r
+ function getState( editor, path, dir )\r
+ {\r
+ var useComputedState = editor.config.useComputedState,\r
+ selectedElement;\r
+\r
+ useComputedState = useComputedState === undefined || useComputedState;\r
+\r
+ if ( useComputedState )\r
+ {\r
+ var selection = editor.getSelection(),\r
+ ranges = selection.getRanges();\r
+\r
+ selectedElement = ranges && ranges[ 0 ].getEnclosedNode();\r
+\r
+ // If this is not our element of interest, apply to fully selected elements from guardElements.\r
+ if ( !selectedElement || selectedElement\r
+ && !( selectedElement.type == CKEDITOR.NODE_ELEMENT && selectedElement.getName() in directSelectionGuardElements )\r
+ )\r
+ selectedElement = getFullySelected( selection, guardElements );\r
+ }\r
+\r
+ selectedElement = selectedElement || path.block || path.blockLimit;\r
+\r
+ if ( !selectedElement || selectedElement.getName() == 'body' )\r
+ return CKEDITOR.TRISTATE_OFF;\r
+\r
+ selectedElement = useComputedState ?\r
+ selectedElement.getComputedStyle( 'direction' ) :\r
+ selectedElement.getStyle( 'direction' ) || selectedElement.getAttribute( 'dir' );\r
+\r
+ return ( selectedElement == dir ) ?\r
+ CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF;\r
+ }\r
+\r
+ function switchDir( element, dir, editor )\r
+ {\r
+ var dirBefore = element.getComputedStyle( 'direction' ),\r
+ currentDir = element.getStyle( 'direction' ) || element.getAttribute( 'dir' ) || '';\r
+\r
+ element.removeStyle( 'direction' );\r
+\r
+ if ( currentDir.toLowerCase() == dir )\r
+ element.removeAttribute( 'dir' );\r
+ else\r
+ element.setAttribute( 'dir', dir );\r
+\r
+ // If the element direction changed, we need to switch the margins of\r
+ // the element and all its children, so it will get really reflected\r
+ // like a mirror. (#5910)\r
+ var dirAfter = element.getComputedStyle( 'direction' );\r
+ if ( dirAfter != dirBefore )\r
+ {\r
+ var range = new CKEDITOR.dom.range( element.getDocument() );\r
+ range.setStartBefore( element );\r
+ range.setEndAfter( element );\r
+\r
+ var walker = new CKEDITOR.dom.walker( range );\r
+\r
+ var node;\r
+ while ( ( node = walker.next() ) )\r
+ {\r
+ if ( node.type == CKEDITOR.NODE_ELEMENT )\r
+ {\r
+ // A child with dir defined is to be ignored.\r
+ if ( !node.equals( element ) && node.hasAttribute( 'dir' ) )\r
+ {\r
+ range.setStartAfter( node );\r
+ walker = new CKEDITOR.dom.walker( range );\r
+ continue;\r
+ }\r
+\r
+ // Switch the margins.\r
+ var marginLeft = node.getStyle( 'margin-right' ),\r
+ marginRight = node.getStyle( 'margin-left' );\r
+\r
+ marginLeft ? node.setStyle( 'margin-left', marginLeft ) : node.removeStyle( 'margin-left' );\r
+ marginRight ? node.setStyle( 'margin-right', marginRight ) : node.removeStyle( 'margin-right' );\r
+ }\r
+ }\r
+ }\r
+\r
+ editor.forceNextSelectionCheck();\r
+ }\r
+\r
+ function getFullySelected( selection, elements )\r
+ {\r
+ var selectedElement = selection.getCommonAncestor();\r
+ while( selectedElement.type == CKEDITOR.NODE_ELEMENT\r
+ && !( selectedElement.getName() in elements )\r
+ && selectedElement.getParent().getChildCount() == 1\r
+ )\r
+ selectedElement = selectedElement.getParent();\r
+\r
+ return selectedElement.type == CKEDITOR.NODE_ELEMENT\r
+ && ( selectedElement.getName() in elements )\r
+ && selectedElement;\r
+ }\r
+\r
+ function bidiCommand( dir )\r
+ {\r
+ return function( editor )\r
+ {\r
+ var selection = editor.getSelection(),\r
+ enterMode = editor.config.enterMode,\r
+ ranges = selection.getRanges();\r
+\r
+ if ( ranges && ranges.length )\r
+ {\r
+ // Apply do directly selected elements from guardElements.\r
+ var selectedElement = ranges[ 0 ].getEnclosedNode();\r
+\r
+ // If this is not our element of interest, apply to fully selected elements from guardElements.\r
+ if ( !selectedElement || selectedElement\r
+ && !( selectedElement.type == CKEDITOR.NODE_ELEMENT && selectedElement.getName() in directSelectionGuardElements )\r
+ )\r
+ selectedElement = getFullySelected( selection, guardElements );\r
+\r
+ if ( selectedElement )\r
+ {\r
+ if ( !selectedElement.isReadOnly() )\r
+ switchDir( selectedElement, dir, editor );\r
+ }\r
+ else\r
+ {\r
+ // Creates bookmarks for selection, as we may split some blocks.\r
+ var bookmarks = selection.createBookmarks();\r
+\r
+ var iterator,\r
+ block;\r
+\r
+ for ( var i = ranges.length - 1 ; i >= 0 ; i-- )\r
+ {\r
+ // Array of elements processed as guardElements.\r
+ var processedElements = [];\r
+ // Walker searching for guardElements.\r
+ var walker = new CKEDITOR.dom.walker( ranges[ i ] );\r
+ walker.evaluator = function( node ){\r
+ return node.type == CKEDITOR.NODE_ELEMENT\r
+ && node.getName() in guardElements\r
+ && !( node.getName() == ( enterMode == CKEDITOR.ENTER_P ) ? 'p' : 'div'\r
+ && node.getParent().type == CKEDITOR.NODE_ELEMENT\r
+ && node.getParent().getName() == 'blockquote'\r
+ );\r
+ };\r
+\r
+ while ( ( block = walker.next() ) )\r
+ {\r
+ switchDir( block, dir, editor );\r
+ processedElements.push( block );\r
+ }\r
+\r
+ iterator = ranges[ i ].createIterator();\r
+ iterator.enlargeBr = enterMode != CKEDITOR.ENTER_BR;\r
+\r
+ while ( ( block = iterator.getNextParagraph( enterMode == CKEDITOR.ENTER_P ? 'p' : 'div' ) ) )\r
+ {\r
+ if ( block.isReadOnly() )\r
+ continue;\r
+\r
+ var _break = 0;\r
+\r
+ // Check if block have been already processed by the walker above.\r
+ for ( var ii = 0; ii < processedElements.length; ii++ )\r
+ {\r
+ var parent = block.getParent();\r
+\r
+ while( parent && parent.getName() != 'body' )\r
+ {\r
+ if ( ( parent.$.isSameNode && parent.$.isSameNode( processedElements[ ii ].$ ) )\r
+ || parent.$ == processedElements[ ii ].$ )\r
+ {\r
+ _break = 1;\r
+ break;\r
+ }\r
+ parent = parent.getParent();\r
+ }\r
+\r
+ if ( _break )\r
+ break;\r
+ }\r
+\r
+ if ( !_break )\r
+ {\r
+ switchDir( block, dir, editor );\r
+ }\r
+ }\r
+ }\r
+\r
+ editor.forceNextSelectionCheck();\r
+ // Restore selection position.\r
+ selection.selectBookmarks( bookmarks );\r
+ }\r
+\r
+ editor.focus();\r
+ }\r
+ };\r
+ }\r
+\r
+ CKEDITOR.plugins.add( 'bidi',\r
+ {\r
+ requires : [ 'styles', 'button' ],\r
+\r
+ init : function( editor )\r
+ {\r
+ // All buttons use the same code to register. So, to avoid\r
+ // duplications, let's use this tool function.\r
+ var addButtonCommand = function( buttonName, buttonLabel, commandName, commandExec )\r
+ {\r
+ editor.addCommand( commandName, new CKEDITOR.command( editor, { exec : commandExec }) );\r
+\r
+ editor.ui.addButton( buttonName,\r
+ {\r
+ label : buttonLabel,\r
+ command : commandName\r
+ });\r
+ };\r
+\r
+ var lang = editor.lang.bidi;\r
+\r
+ addButtonCommand( 'BidiLtr', lang.ltr, 'bidiltr', bidiCommand( 'ltr' ) );\r
+ addButtonCommand( 'BidiRtl', lang.rtl, 'bidirtl', bidiCommand( 'rtl' ) );\r
+\r
+ editor.on( 'selectionChange', onSelectionChange );\r
+ }\r
+ });\r
+\r
+})();\r