2 Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
\r
3 For licensing, see LICENSE.html or http://ckeditor.com/license
\r
8 CKEDITOR.plugins.add( 'stylescombo',
\r
10 requires : [ 'richcombo', 'styles' ],
\r
12 init : function( editor )
\r
14 var config = editor.config,
\r
15 lang = editor.lang.stylesCombo,
\r
19 function loadStylesSet( callback )
\r
21 editor.getStylesSet( function( stylesDefinitions )
\r
23 if ( !stylesList.length )
\r
28 // Put all styles into an Array.
\r
29 for ( var i = 0 ; i < stylesDefinitions.length ; i++ )
\r
31 var styleDefinition = stylesDefinitions[ i ];
\r
33 styleName = styleDefinition.name;
\r
35 style = styles[ styleName ] = new CKEDITOR.style( styleDefinition );
\r
36 style._name = styleName;
\r
38 stylesList.push( style );
\r
41 // Sorts the Array, so the styles get grouped by type.
\r
42 stylesList.sort( sortStyles );
\r
45 callback && callback();
\r
49 editor.ui.addRichCombo( 'Styles',
\r
52 title : lang.panelTitle,
\r
53 className : 'cke_styles',
\r
57 css : editor.skin.editor.css.concat( config.contentsCss ),
\r
59 attributes : { 'aria-label' : lang.panelTitle }
\r
66 loadStylesSet( function()
\r
68 var style, styleName;
\r
70 // Loop over the Array, adding all items to the
\r
73 for ( var i = 0 ; i < stylesList.length ; i++ )
\r
75 style = stylesList[ i ];
\r
76 styleName = style._name;
\r
78 var type = style.type;
\r
80 if ( type != lastType )
\r
82 combo.startGroup( lang[ 'panelTitle' + String( type ) ] );
\r
88 style.type == CKEDITOR.STYLE_OBJECT ? styleName : style.buildPreview(),
\r
98 onClick : function( value )
\r
101 editor.fire( 'saveSnapshot' );
\r
103 var style = styles[ value ],
\r
104 selection = editor.getSelection();
\r
106 var elementPath = new CKEDITOR.dom.elementPath( selection.getStartElement() );
\r
108 if ( style.type == CKEDITOR.STYLE_INLINE && style.checkActive( elementPath ) )
\r
109 style.remove( editor.document );
\r
111 style.apply( editor.document );
\r
113 editor.fire( 'saveSnapshot' );
\r
116 onRender : function()
\r
118 editor.on( 'selectionChange', function( ev )
\r
120 var currentValue = this.getValue();
\r
122 var elementPath = ev.data.path,
\r
123 elements = elementPath.elements;
\r
125 // For each element into the elements path.
\r
126 for ( var i = 0, element ; i < elements.length ; i++ )
\r
128 element = elements[i];
\r
130 // Check if the element is removable by any of
\r
132 for ( var value in styles )
\r
134 if ( styles[ value ].checkElementRemovable( element, true ) )
\r
136 if ( value != currentValue )
\r
137 this.setValue( value );
\r
143 // If no styles match, just empty it.
\r
144 this.setValue( '' );
\r
149 onOpen : function()
\r
151 if ( CKEDITOR.env.ie || CKEDITOR.env.webkit )
\r
154 var selection = editor.getSelection();
\r
156 var element = selection.getSelectedElement(),
\r
157 elementPath = new CKEDITOR.dom.elementPath( element || selection.getStartElement() );
\r
159 var counter = [ 0, 0, 0, 0 ];
\r
162 for ( var name in styles )
\r
164 var style = styles[ name ],
\r
167 if ( style.checkActive( elementPath ) )
\r
169 else if ( type == CKEDITOR.STYLE_OBJECT && !style.checkApplicable( elementPath ) )
\r
171 this.hideItem( name );
\r
178 if ( !counter[ CKEDITOR.STYLE_BLOCK ] )
\r
179 this.hideGroup( lang[ 'panelTitle' + String( CKEDITOR.STYLE_BLOCK ) ] );
\r
181 if ( !counter[ CKEDITOR.STYLE_INLINE ] )
\r
182 this.hideGroup( lang[ 'panelTitle' + String( CKEDITOR.STYLE_INLINE ) ] );
\r
184 if ( !counter[ CKEDITOR.STYLE_OBJECT ] )
\r
185 this.hideGroup( lang[ 'panelTitle' + String( CKEDITOR.STYLE_OBJECT ) ] );
\r
189 editor.on( 'instanceReady', function() { loadStylesSet(); } );
\r
193 function sortStyles( styleA, styleB )
\r
195 var typeA = styleA.type,
\r
196 typeB = styleB.type;
\r
198 return typeA == typeB ? 0 :
\r
199 typeA == CKEDITOR.STYLE_OBJECT ? -1 :
\r
200 typeB == CKEDITOR.STYLE_OBJECT ? 1 :
\r
201 typeB == CKEDITOR.STYLE_BLOCK ? 1 :
\r