mirror of
https://github.com/moparisthebest/mailiverse
synced 2024-12-04 22:02:15 -05:00
219 lines
5.4 KiB
JavaScript
219 lines
5.4 KiB
JavaScript
/*
|
|
Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
|
|
For licensing, see LICENSE.html or http://ckeditor.com/license
|
|
*/
|
|
|
|
(function()
|
|
{
|
|
CKEDITOR.plugins.add( 'stylescombo',
|
|
{
|
|
requires : [ 'richcombo', 'styles' ],
|
|
|
|
init : function( editor )
|
|
{
|
|
var config = editor.config,
|
|
lang = editor.lang.stylesCombo,
|
|
styles = {},
|
|
stylesList = [],
|
|
combo;
|
|
|
|
function loadStylesSet( callback )
|
|
{
|
|
editor.getStylesSet( function( stylesDefinitions )
|
|
{
|
|
if ( !stylesList.length )
|
|
{
|
|
var style,
|
|
styleName;
|
|
|
|
// Put all styles into an Array.
|
|
for ( var i = 0, count = stylesDefinitions.length ; i < count ; i++ )
|
|
{
|
|
var styleDefinition = stylesDefinitions[ i ];
|
|
|
|
styleName = styleDefinition.name;
|
|
|
|
style = styles[ styleName ] = new CKEDITOR.style( styleDefinition );
|
|
style._name = styleName;
|
|
style._.enterMode = config.enterMode;
|
|
|
|
stylesList.push( style );
|
|
}
|
|
|
|
// Sorts the Array, so the styles get grouped by type.
|
|
stylesList.sort( sortStyles );
|
|
}
|
|
|
|
callback && callback();
|
|
});
|
|
}
|
|
|
|
editor.ui.addRichCombo( 'Styles',
|
|
{
|
|
label : lang.label,
|
|
title : lang.panelTitle,
|
|
className : 'cke_styles',
|
|
|
|
panel :
|
|
{
|
|
css : editor.skin.editor.css.concat( config.contentsCss ),
|
|
multiSelect : true,
|
|
attributes : { 'aria-label' : lang.panelTitle }
|
|
},
|
|
|
|
init : function()
|
|
{
|
|
combo = this;
|
|
|
|
loadStylesSet( function()
|
|
{
|
|
var style,
|
|
styleName,
|
|
lastType,
|
|
type,
|
|
i,
|
|
count;
|
|
|
|
// Loop over the Array, adding all items to the
|
|
// combo.
|
|
for ( i = 0, count = stylesList.length ; i < count ; i++ )
|
|
{
|
|
style = stylesList[ i ];
|
|
styleName = style._name;
|
|
type = style.type;
|
|
|
|
if ( type != lastType )
|
|
{
|
|
combo.startGroup( lang[ 'panelTitle' + String( type ) ] );
|
|
lastType = type;
|
|
}
|
|
|
|
combo.add(
|
|
styleName,
|
|
style.type == CKEDITOR.STYLE_OBJECT ? styleName : style.buildPreview(),
|
|
styleName );
|
|
}
|
|
|
|
combo.commit();
|
|
|
|
});
|
|
},
|
|
|
|
onClick : function( value )
|
|
{
|
|
editor.focus();
|
|
editor.fire( 'saveSnapshot' );
|
|
|
|
var style = styles[ value ],
|
|
selection = editor.getSelection(),
|
|
elementPath = new CKEDITOR.dom.elementPath( selection.getStartElement() );
|
|
|
|
style[ style.checkActive( elementPath ) ? 'remove' : 'apply' ]( editor.document );
|
|
|
|
editor.fire( 'saveSnapshot' );
|
|
},
|
|
|
|
onRender : function()
|
|
{
|
|
editor.on( 'selectionChange', function( ev )
|
|
{
|
|
var currentValue = this.getValue(),
|
|
elementPath = ev.data.path,
|
|
elements = elementPath.elements;
|
|
|
|
// For each element into the elements path.
|
|
for ( var i = 0, count = elements.length, element ; i < count ; i++ )
|
|
{
|
|
element = elements[i];
|
|
|
|
// Check if the element is removable by any of
|
|
// the styles.
|
|
for ( var value in styles )
|
|
{
|
|
if ( styles[ value ].checkElementRemovable( element, true ) )
|
|
{
|
|
if ( value != currentValue )
|
|
this.setValue( value );
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
// If no styles match, just empty it.
|
|
this.setValue( '' );
|
|
},
|
|
this);
|
|
},
|
|
|
|
onOpen : function()
|
|
{
|
|
if ( CKEDITOR.env.ie || CKEDITOR.env.webkit )
|
|
editor.focus();
|
|
|
|
var selection = editor.getSelection(),
|
|
element = selection.getSelectedElement(),
|
|
elementPath = new CKEDITOR.dom.elementPath( element || selection.getStartElement() ),
|
|
counter = [ 0, 0, 0, 0 ];
|
|
|
|
this.showAll();
|
|
this.unmarkAll();
|
|
for ( var name in styles )
|
|
{
|
|
var style = styles[ name ],
|
|
type = style.type;
|
|
|
|
if ( style.checkActive( elementPath ) )
|
|
this.mark( name );
|
|
else if ( type == CKEDITOR.STYLE_OBJECT && !style.checkApplicable( elementPath ) )
|
|
{
|
|
this.hideItem( name );
|
|
counter[ type ]--;
|
|
}
|
|
|
|
counter[ type ]++;
|
|
}
|
|
|
|
if ( !counter[ CKEDITOR.STYLE_BLOCK ] )
|
|
this.hideGroup( lang[ 'panelTitle' + String( CKEDITOR.STYLE_BLOCK ) ] );
|
|
|
|
if ( !counter[ CKEDITOR.STYLE_INLINE ] )
|
|
this.hideGroup( lang[ 'panelTitle' + String( CKEDITOR.STYLE_INLINE ) ] );
|
|
|
|
if ( !counter[ CKEDITOR.STYLE_OBJECT ] )
|
|
this.hideGroup( lang[ 'panelTitle' + String( CKEDITOR.STYLE_OBJECT ) ] );
|
|
},
|
|
|
|
// Force a reload of the data
|
|
reset: function()
|
|
{
|
|
if ( combo )
|
|
{
|
|
delete combo._.panel;
|
|
delete combo._.list;
|
|
combo._.committed = 0;
|
|
combo._.items = {};
|
|
combo._.state = CKEDITOR.TRISTATE_OFF;
|
|
}
|
|
styles = {};
|
|
stylesList = [];
|
|
loadStylesSet();
|
|
}
|
|
});
|
|
|
|
editor.on( 'instanceReady', function() { loadStylesSet(); } );
|
|
}
|
|
});
|
|
|
|
function sortStyles( styleA, styleB )
|
|
{
|
|
var typeA = styleA.type,
|
|
typeB = styleB.type;
|
|
|
|
return typeA == typeB ? 0 :
|
|
typeA == CKEDITOR.STYLE_OBJECT ? -1 :
|
|
typeB == CKEDITOR.STYLE_OBJECT ? 1 :
|
|
typeB == CKEDITOR.STYLE_BLOCK ? 1 :
|
|
-1;
|
|
}
|
|
})();
|