/* Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or http://ckeditor.com/license */ CKEDITOR.plugins.add( 'basicstyles', { 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, styleDefiniton ) { var style = new CKEDITOR.style( styleDefiniton ); editor.attachStyleStateChange( style, function( state ) { editor.getCommand( commandName ).setState( state ); }); editor.addCommand( commandName, new CKEDITOR.styleCommand( style ) ); editor.ui.addButton( buttonName, { label : buttonLabel, command : commandName }); }; var config = editor.config; var lang = editor.lang; addButtonCommand( 'Bold' , lang.bold , 'bold' , config.coreStyles_bold ); addButtonCommand( 'Italic' , lang.italic , 'italic' , config.coreStyles_italic ); addButtonCommand( 'Underline' , lang.underline , 'underline' , config.coreStyles_underline ); addButtonCommand( 'Strike' , lang.strike , 'strike' , config.coreStyles_strike ); addButtonCommand( 'Subscript' , lang.subscript , 'subscript' , config.coreStyles_subscript ); addButtonCommand( 'Superscript' , lang.superscript , 'superscript' , config.coreStyles_superscript ); } }); // Basic Inline Styles. /** * The style definition to be used to apply the bold style in the text. * @type Object * @example * config.coreStyles_bold = { element : 'b', overrides : 'strong' }; * @example * config.coreStyles_bold = { element : 'span', attributes : {'class': 'Bold'} }; */ CKEDITOR.config.coreStyles_bold = { element : 'strong', overrides : 'b' }; /** * The style definition to be used to apply the italic style in the text. * @type Object * @default { element : 'em', overrides : 'i' } * @example * config.coreStyles_italic = { element : 'i', overrides : 'em' }; * @example * CKEDITOR.config.coreStyles_italic = { element : 'span', attributes : {'class': 'Italic'} }; */ CKEDITOR.config.coreStyles_italic = { element : 'em', overrides : 'i' }; /** * The style definition to be used to apply the underline style in the text. * @type Object * @default { element : 'u' } * @example * CKEDITOR.config.coreStyles_underline = { element : 'span', attributes : {'class': 'Underline'}}; */ CKEDITOR.config.coreStyles_underline = { element : 'u' }; /** * The style definition to be used to apply the strike style in the text. * @type Object * @default { element : 'strike' } * @example * CKEDITOR.config.coreStyles_strike = { element : 'span', attributes : {'class': 'StrikeThrough'}, overrides : 'strike' }; */ CKEDITOR.config.coreStyles_strike = { element : 'strike' }; /** * The style definition to be used to apply the subscript style in the text. * @type Object * @default { element : 'sub' } * @example * CKEDITOR.config.coreStyles_subscript = { element : 'span', attributes : {'class': 'Subscript'}, overrides : 'sub' }; */ CKEDITOR.config.coreStyles_subscript = { element : 'sub' }; /** * The style definition to be used to apply the superscript style in the text. * @type Object * @default { element : 'sup' } * @example * CKEDITOR.config.coreStyles_superscript = { element : 'span', attributes : {'class': 'Superscript'}, overrides : 'sup' }; */ CKEDITOR.config.coreStyles_superscript = { element : 'sup' };