forked from extern/egroupware
169 lines
4.5 KiB
JavaScript
169 lines
4.5 KiB
JavaScript
|
/*
|
|||
|
Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
|
|||
|
For licensing, see LICENSE.html or http://ckeditor.com/license
|
|||
|
*/
|
|||
|
|
|||
|
/**
|
|||
|
* @file Justify commands.
|
|||
|
*/
|
|||
|
|
|||
|
(function()
|
|||
|
{
|
|||
|
var alignRemoveRegex = /(-moz-|-webkit-|start|auto)/i;
|
|||
|
|
|||
|
function getState( editor, path )
|
|||
|
{
|
|||
|
var firstBlock = path.block || path.blockLimit;
|
|||
|
|
|||
|
if ( !firstBlock || firstBlock.getName() == 'body' )
|
|||
|
return CKEDITOR.TRISTATE_OFF;
|
|||
|
|
|||
|
var currentAlign = firstBlock.getComputedStyle( 'text-align' ).replace( alignRemoveRegex, '' );
|
|||
|
if ( ( !currentAlign && this.isDefaultAlign ) || currentAlign == this.value )
|
|||
|
return CKEDITOR.TRISTATE_ON;
|
|||
|
return CKEDITOR.TRISTATE_OFF;
|
|||
|
}
|
|||
|
|
|||
|
function onSelectionChange( evt )
|
|||
|
{
|
|||
|
var command = evt.editor.getCommand( this.name );
|
|||
|
command.state = getState.call( this, evt.editor, evt.data.path );
|
|||
|
command.fire( 'state' );
|
|||
|
}
|
|||
|
|
|||
|
function justifyCommand( editor, name, value )
|
|||
|
{
|
|||
|
this.name = name;
|
|||
|
this.value = value;
|
|||
|
|
|||
|
var contentDir = editor.config.contentsLangDirection;
|
|||
|
this.isDefaultAlign = ( value == 'left' && contentDir == 'ltr' ) ||
|
|||
|
( value == 'right' && contentDir == 'rtl' );
|
|||
|
|
|||
|
var classes = editor.config.justifyClasses;
|
|||
|
if ( classes )
|
|||
|
{
|
|||
|
switch ( value )
|
|||
|
{
|
|||
|
case 'left' :
|
|||
|
this.cssClassName = classes[0];
|
|||
|
break;
|
|||
|
case 'center' :
|
|||
|
this.cssClassName = classes[1];
|
|||
|
break;
|
|||
|
case 'right' :
|
|||
|
this.cssClassName = classes[2];
|
|||
|
break;
|
|||
|
case 'justify' :
|
|||
|
this.cssClassName = classes[3];
|
|||
|
break;
|
|||
|
}
|
|||
|
|
|||
|
this.cssClassRegex = new RegExp( '(?:^|\\s+)(?:' + classes.join( '|' ) + ')(?=$|\\s)' );
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
justifyCommand.prototype = {
|
|||
|
exec : function( editor )
|
|||
|
{
|
|||
|
var selection = editor.getSelection(),
|
|||
|
enterMode = editor.config.enterMode;
|
|||
|
|
|||
|
if ( !selection )
|
|||
|
return;
|
|||
|
|
|||
|
var bookmarks = selection.createBookmarks(),
|
|||
|
ranges = selection.getRanges();
|
|||
|
|
|||
|
|
|||
|
var cssClassName = this.cssClassName,
|
|||
|
iterator,
|
|||
|
block;
|
|||
|
for ( var i = ranges.length - 1 ; i >= 0 ; i-- )
|
|||
|
{
|
|||
|
iterator = ranges[ i ].createIterator();
|
|||
|
iterator.enlargeBr = enterMode != CKEDITOR.ENTER_BR;
|
|||
|
|
|||
|
while ( ( block = iterator.getNextParagraph() ) )
|
|||
|
{
|
|||
|
block.removeAttribute( 'align' );
|
|||
|
|
|||
|
if ( cssClassName )
|
|||
|
{
|
|||
|
// Remove any of the alignment classes from the className.
|
|||
|
var className = block.$.className =
|
|||
|
CKEDITOR.tools.ltrim( block.$.className.replace( this.cssClassRegex, '' ) );
|
|||
|
|
|||
|
// Append the desired class name.
|
|||
|
if ( this.state == CKEDITOR.TRISTATE_OFF && !this.isDefaultAlign )
|
|||
|
block.addClass( cssClassName );
|
|||
|
else if ( !className )
|
|||
|
block.removeAttribute( 'class' );
|
|||
|
}
|
|||
|
else
|
|||
|
{
|
|||
|
if ( this.state == CKEDITOR.TRISTATE_OFF && !this.isDefaultAlign )
|
|||
|
block.setStyle( 'text-align', this.value );
|
|||
|
else
|
|||
|
block.removeStyle( 'text-align' );
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
editor.focus();
|
|||
|
editor.forceNextSelectionCheck();
|
|||
|
selection.selectBookmarks( bookmarks );
|
|||
|
}
|
|||
|
};
|
|||
|
|
|||
|
CKEDITOR.plugins.add( 'justify',
|
|||
|
{
|
|||
|
init : function( editor )
|
|||
|
{
|
|||
|
var left = new justifyCommand( editor, 'justifyleft', 'left' ),
|
|||
|
center = new justifyCommand( editor, 'justifycenter', 'center' ),
|
|||
|
right = new justifyCommand( editor, 'justifyright', 'right' ),
|
|||
|
justify = new justifyCommand( editor, 'justifyblock', 'justify' );
|
|||
|
|
|||
|
editor.addCommand( 'justifyleft', left );
|
|||
|
editor.addCommand( 'justifycenter', center );
|
|||
|
editor.addCommand( 'justifyright', right );
|
|||
|
editor.addCommand( 'justifyblock', justify );
|
|||
|
|
|||
|
editor.ui.addButton( 'JustifyLeft',
|
|||
|
{
|
|||
|
label : editor.lang.justify.left,
|
|||
|
command : 'justifyleft'
|
|||
|
} );
|
|||
|
editor.ui.addButton( 'JustifyCenter',
|
|||
|
{
|
|||
|
label : editor.lang.justify.center,
|
|||
|
command : 'justifycenter'
|
|||
|
} );
|
|||
|
editor.ui.addButton( 'JustifyRight',
|
|||
|
{
|
|||
|
label : editor.lang.justify.right,
|
|||
|
command : 'justifyright'
|
|||
|
} );
|
|||
|
editor.ui.addButton( 'JustifyBlock',
|
|||
|
{
|
|||
|
label : editor.lang.justify.block,
|
|||
|
command : 'justifyblock'
|
|||
|
} );
|
|||
|
|
|||
|
editor.on( 'selectionChange', CKEDITOR.tools.bind( onSelectionChange, left ) );
|
|||
|
editor.on( 'selectionChange', CKEDITOR.tools.bind( onSelectionChange, right ) );
|
|||
|
editor.on( 'selectionChange', CKEDITOR.tools.bind( onSelectionChange, center ) );
|
|||
|
editor.on( 'selectionChange', CKEDITOR.tools.bind( onSelectionChange, justify ) );
|
|||
|
},
|
|||
|
|
|||
|
requires : [ 'domiterator' ]
|
|||
|
});
|
|||
|
})();
|
|||
|
|
|||
|
CKEDITOR.tools.extend( CKEDITOR.config,
|
|||
|
{
|
|||
|
justifyClasses : null
|
|||
|
} );
|