/* Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or http://ckeditor.com/license */ (function() { var guardElements = { table:1, tbody: 1, ul:1, ol:1, blockquote:1, div:1, tr: 1 }, directSelectionGuardElements = {}, // All guard elements which can have a direction applied on them. allGuardElements = {}; CKEDITOR.tools.extend( directSelectionGuardElements, guardElements, { tr:1, p:1, div:1, li:1 } ); CKEDITOR.tools.extend( allGuardElements, directSelectionGuardElements, { td:1 } ); function onSelectionChange( e ) { setToolbarStates( e ); handleMixedDirContent( e ); } function setToolbarStates( evt ) { var editor = evt.editor, path = evt.data.path; var useComputedState = editor.config.useComputedState, selectedElement; useComputedState = useComputedState === undefined || useComputedState; // We can use computedState provided by the browser or traverse parents manually. if ( !useComputedState ) selectedElement = getElementForDirection( path.lastElement ); selectedElement = selectedElement || path.block || path.blockLimit; if ( !selectedElement || selectedElement.getName() == 'body' ) return; var selectionDir = useComputedState ? selectedElement.getComputedStyle( 'direction' ) : selectedElement.getStyle( 'direction' ) || selectedElement.getAttribute( 'dir' ); editor.getCommand( 'bidirtl' ).setState( selectionDir == 'rtl' ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF ); editor.getCommand( 'bidiltr' ).setState( selectionDir == 'ltr' ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF ); } function handleMixedDirContent( evt ) { var editor = evt.editor, chromeRoot = editor.container.getChild( 1 ), directionNode = getElementForDirection( evt.data.path.lastElement ); if ( directionNode && editor.lang.dir != directionNode.getComputedStyle( 'direction' ) ) chromeRoot.addClass( 'cke_mixed_dir_content' ); else chromeRoot.removeClass( 'cke_mixed_dir_content' ); } /** * Returns element with possibility of applying the direction. * @param node */ function getElementForDirection( node ) { while ( node && !( node.getName() in allGuardElements || node.is( 'body' ) ) ) { var parent = node.getParent(); if ( !parent ) break; node = parent; } return node; } function switchDir( element, dir, editor, database ) { // Mark this element as processed by switchDir. CKEDITOR.dom.element.setMarker( database, element, 'bidi_processed', 1 ); // Check whether one of the ancestors has already been styled. var parent = element; while ( ( parent = parent.getParent() ) && !parent.is( 'body' ) ) { if ( parent.getCustomData( 'bidi_processed' ) ) { // Ancestor style must dominate. element.removeStyle( 'direction' ); element.removeAttribute( 'dir' ); return null; } } var useComputedState = ( 'useComputedState' in editor.config ) ? editor.config.useComputedState : 1; var elementDir = useComputedState ? element.getComputedStyle( 'direction' ) : element.getStyle( 'direction' ) || element.hasAttribute( 'dir' ); // Stop if direction is same as present. if ( elementDir == dir ) return null; // Reuse computedState if we already have it. var dirBefore = useComputedState ? elementDir : element.getComputedStyle( 'direction' ); // Clear direction on this element. element.removeStyle( 'direction' ); // Do the second check when computed state is ON, to check // if we need to apply explicit direction on this element. if ( useComputedState ) { element.removeAttribute( 'dir' ); if ( dir != element.getComputedStyle( 'direction' ) ) element.setAttribute( 'dir', dir ); } else // Set new direction for this element. element.setAttribute( 'dir', dir ); // If the element direction changed, we need to switch the margins of // the element and all its children, so it will get really reflected // like a mirror. (#5910) if ( dir != dirBefore ) editor.fire( 'dirChanged', element ); editor.forceNextSelectionCheck(); return null; } function getFullySelected( range, elements ) { var ancestor = range.getCommonAncestor( false, true ); range.enlarge( CKEDITOR.ENLARGE_BLOCK_CONTENTS ); if ( range.checkBoundaryOfElement( ancestor, CKEDITOR.START ) && range.checkBoundaryOfElement( ancestor, CKEDITOR.END ) ) { var parent; while ( ancestor && ancestor.type == CKEDITOR.NODE_ELEMENT && ( parent = ancestor.getParent() ) && parent.getChildCount() == 1 && ( !( ancestor.getName() in elements ) || ( parent.getName() in elements ) ) ) ancestor = parent; return ancestor.type == CKEDITOR.NODE_ELEMENT && ( ancestor.getName() in elements ) && ancestor; } } function bidiCommand( dir ) { return function( editor ) { var selection = editor.getSelection(), enterMode = editor.config.enterMode, ranges = selection.getRanges(); if ( ranges && ranges.length ) { var database = {}; // Creates bookmarks for selection, as we may split some blocks. var bookmarks = selection.createBookmarks(); var rangeIterator = ranges.createIterator(), range, i = 0; while ( ( range = rangeIterator.getNextRange( 1 ) ) ) { // Apply do directly selected elements from guardElements. var selectedElement = range.getEnclosedNode(); // If this is not our element of interest, apply to fully selected elements from guardElements. if ( !selectedElement || selectedElement && !( selectedElement.type == CKEDITOR.NODE_ELEMENT && selectedElement.getName() in directSelectionGuardElements ) ) selectedElement = getFullySelected( range, guardElements ); if ( selectedElement && !selectedElement.isReadOnly() ) switchDir( selectedElement, dir, editor, database ); var iterator, block; // Walker searching for guardElements. var walker = new CKEDITOR.dom.walker( range ); var start = bookmarks[ i ].startNode, end = bookmarks[ i++ ].endNode; walker.evaluator = function( node ) { return !! ( node.type == CKEDITOR.NODE_ELEMENT && node.getName() in guardElements && !( node.getName() == ( enterMode == CKEDITOR.ENTER_P ) ? 'p' : 'div' && node.getParent().type == CKEDITOR.NODE_ELEMENT && node.getParent().getName() == 'blockquote' ) // Element must be fully included in the range as well. (#6485). && node.getPosition( start ) & CKEDITOR.POSITION_FOLLOWING && ( ( node.getPosition( end ) & CKEDITOR.POSITION_PRECEDING + CKEDITOR.POSITION_CONTAINS ) == CKEDITOR.POSITION_PRECEDING ) ); }; while ( ( block = walker.next() ) ) switchDir( block, dir, editor, database ); iterator = range.createIterator(); iterator.enlargeBr = enterMode != CKEDITOR.ENTER_BR; while ( ( block = iterator.getNextParagraph( enterMode == CKEDITOR.ENTER_P ? 'p' : 'div' ) ) ) !block.isReadOnly() && switchDir( block, dir, editor, database ); } CKEDITOR.dom.element.clearAllMarkers( database ); editor.forceNextSelectionCheck(); // Restore selection position. selection.selectBookmarks( bookmarks ); editor.focus(); } }; } CKEDITOR.plugins.add( 'bidi', { requires : [ 'styles', 'button' ], init : function( editor ) { // All buttons use the same code to register. So, to avoid // duplications, let's use this tool function. var addButtonCommand = function( buttonName, buttonLabel, commandName, commandExec ) { editor.addCommand( commandName, new CKEDITOR.command( editor, { exec : commandExec }) ); editor.ui.addButton( buttonName, { label : buttonLabel, command : commandName }); }; var lang = editor.lang.bidi; addButtonCommand( 'BidiLtr', lang.ltr, 'bidiltr', bidiCommand( 'ltr' ) ); addButtonCommand( 'BidiRtl', lang.rtl, 'bidirtl', bidiCommand( 'rtl' ) ); editor.on( 'selectionChange', onSelectionChange ); } }); })();