diff options
Diffstat (limited to 'plugins/stylescombo/plugin.js')
| -rw-r--r-- | plugins/stylescombo/plugin.js | 180 |
1 files changed, 180 insertions, 0 deletions
diff --git a/plugins/stylescombo/plugin.js b/plugins/stylescombo/plugin.js new file mode 100644 index 0000000..b69a010 --- /dev/null +++ b/plugins/stylescombo/plugin.js @@ -0,0 +1,180 @@ +/**
+ * @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.html or http://ckeditor.com/license
+ */
+
+(function() {
+ 'use strict';
+
+ CKEDITOR.plugins.add( 'stylescombo', {
+ requires: 'richcombo',
+ lang: 'af,ar,bg,bn,bs,ca,cs,cy,da,de,el,en,en-au,en-ca,en-gb,eo,es,et,eu,fa,fi,fo,fr,fr-ca,gl,gu,he,hi,hr,hu,is,it,ja,ka,km,ko,ku,lt,lv,mk,mn,ms,nb,nl,no,pl,pt,pt-br,ro,ru,si,sk,sl,sq,sr,sr-latn,sv,th,tr,ug,uk,vi,zh,zh-cn', // %REMOVE_LINE_CORE%
+
+ init: function( editor ) {
+ var config = editor.config,
+ lang = editor.lang.stylescombo,
+ styles = {},
+ stylesList = [],
+ combo,
+ allowedContent = [];
+
+ editor.on( 'stylesSet', function( evt ) {
+ var stylesDefinitions = evt.data.styles;
+
+ if ( !stylesDefinitions )
+ return;
+
+ var style, styleName;
+
+ // Put all styles into an Array.
+ for ( var i = 0, count = stylesDefinitions.length; i < count; i++ ) {
+ var styleDefinition = stylesDefinitions[ i ];
+
+ if ( editor.blockless && ( styleDefinition.element in CKEDITOR.dtd.$block ) )
+ continue;
+
+ styleName = styleDefinition.name;
+
+ style = new CKEDITOR.style( styleDefinition );
+
+ if ( !editor.filter.customConfig || editor.filter.check( style ) ) {
+ style._name = styleName;
+ style._.enterMode = config.enterMode;
+
+ // Weight is used to sort styles (#9029).
+ style._.weight = i + ( style.type == CKEDITOR.STYLE_OBJECT ? 1 : style.type == CKEDITOR.STYLE_BLOCK ? 2 : 3 ) * 1000;
+
+ styles[ styleName ] = style;
+ stylesList.push( style );
+ allowedContent.push( style );
+ }
+ }
+
+ // Sorts the Array, so the styles get grouped by type in proper order (#9029).
+ stylesList.sort( function( styleA, styleB ) { return styleA._.weight - styleB._.weight; } );
+ } );
+
+ editor.ui.addRichCombo( 'Styles', {
+ label: lang.label,
+ title: lang.panelTitle,
+ toolbar: 'styles,10',
+ allowedContent: allowedContent,
+
+ panel: {
+ css: [ CKEDITOR.skin.getPath( 'editor' ) ].concat( config.contentsCss ),
+ multiSelect: true,
+ attributes: { 'aria-label': lang.panelTitle }
+ },
+
+ init: 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 ) {
+ this.startGroup( lang[ 'panelTitle' + String( type ) ] );
+ lastType = type;
+ }
+
+ this.add( styleName, style.type == CKEDITOR.STYLE_OBJECT ? styleName : style.buildPreview(), styleName );
+ }
+
+ this.commit();
+ },
+
+ onClick: function( value ) {
+ editor.focus();
+ editor.fire( 'saveSnapshot' );
+
+ var style = styles[ value ],
+ elementPath = editor.elementPath();
+
+ editor[ style.checkActive( elementPath ) ? 'removeStyle' : 'applyStyle' ]( style );
+ 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() {
+ var selection = editor.getSelection(),
+ element = selection.getSelectedElement(),
+ elementPath = editor.elementPath( element ),
+ counter = [ 0, 0, 0, 0 ];
+
+ this.showAll();
+ this.unmarkAll();
+ for ( var name in styles ) {
+ var style = styles[ name ],
+ type = style.type;
+
+ // Check if block styles are applicable.
+ if ( type == CKEDITOR.STYLE_BLOCK && !elementPath.isContextFor( style.element ) ) {
+ this.hideItem( name );
+ continue;
+ }
+
+ 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 = [];
+ }
+ });
+ }
+ });
+})();
|