[Summary view] [Print] [Text view]

   1  /*

   2  Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.

   3  For licensing, see LICENSE.html or http://ckeditor.com/license

   4  */
   5  
   6  CKEDITOR.plugins.add( 'basicstyles',
   7  {
   8      requires : [ 'styles', 'button' ],
   9  
  10      init : function( editor )
  11      {
  12          // All buttons use the same code to register. So, to avoid

  13          // duplications, let's use this tool function.

  14          var addButtonCommand = function( buttonName, buttonLabel, commandName, styleDefiniton )
  15          {
  16              var style = new CKEDITOR.style( styleDefiniton );
  17  
  18              editor.attachStyleStateChange( style, function( state )
  19                  {
  20                      editor.getCommand( commandName ).setState( state );
  21                  });
  22  
  23              editor.addCommand( commandName, new CKEDITOR.styleCommand( style ) );
  24  
  25              editor.ui.addButton( buttonName,
  26                  {
  27                      label : buttonLabel,
  28                      command : commandName
  29                  });
  30          };
  31  
  32          var config = editor.config;
  33          var lang = editor.lang;
  34  
  35          addButtonCommand( 'Bold'        , lang.bold            , 'bold'        , config.coreStyles_bold );
  36          addButtonCommand( 'Italic'        , lang.italic        , 'italic'        , config.coreStyles_italic );
  37          addButtonCommand( 'Underline'    , lang.underline    , 'underline'    , config.coreStyles_underline );
  38          addButtonCommand( 'Strike'        , lang.strike        , 'strike'        , config.coreStyles_strike );
  39          addButtonCommand( 'Subscript'    , lang.subscript    , 'subscript'    , config.coreStyles_subscript );
  40          addButtonCommand( 'Superscript'    , lang.superscript    , 'superscript'    , config.coreStyles_superscript );
  41      }
  42  });
  43  
  44  // Basic Inline Styles.

  45  
  46  /**

  47   * The style definition to be used to apply the bold style in the text.

  48   * @type Object

  49   * @example

  50   * config.coreStyles_bold = { element : 'b', overrides : 'strong' };

  51   * @example

  52   * config.coreStyles_bold = { element : 'span', attributes : {'class': 'Bold'} };

  53   */
  54  CKEDITOR.config.coreStyles_bold = { element : 'strong', overrides : 'b' };
  55  
  56  /**

  57   * The style definition to be used to apply the italic style in the text.

  58   * @type Object

  59   * @default { element : 'em', overrides : 'i' }

  60   * @example

  61   * config.coreStyles_italic = { element : 'i', overrides : 'em' };

  62   * @example

  63   * CKEDITOR.config.coreStyles_italic = { element : 'span', attributes : {'class': 'Italic'} };

  64   */
  65  CKEDITOR.config.coreStyles_italic = { element : 'em', overrides : 'i' };
  66  
  67  /**

  68   * The style definition to be used to apply the underline style in the text.

  69   * @type Object

  70   * @default { element : 'u' }

  71   * @example

  72   * CKEDITOR.config.coreStyles_underline = { element : 'span', attributes : {'class': 'Underline'}};

  73   */
  74  CKEDITOR.config.coreStyles_underline = { element : 'u' };
  75  
  76  /**

  77   * The style definition to be used to apply the strike style in the text.

  78   * @type Object

  79   * @default { element : 'strike' }

  80   * @example

  81   * CKEDITOR.config.coreStyles_strike = { element : 'span', attributes : {'class': 'StrikeThrough'}, overrides : 'strike' };

  82   */
  83  CKEDITOR.config.coreStyles_strike = { element : 'strike' };
  84  
  85  /**

  86   * The style definition to be used to apply the subscript style in the text.

  87   * @type Object

  88   * @default { element : 'sub' }

  89   * @example

  90   * CKEDITOR.config.coreStyles_subscript = { element : 'span', attributes : {'class': 'Subscript'}, overrides : 'sub' };

  91   */
  92  CKEDITOR.config.coreStyles_subscript = { element : 'sub' };
  93  
  94  /**

  95   * The style definition to be used to apply the superscript style in the text.

  96   * @type Object

  97   * @default { element : 'sup' }

  98   * @example

  99   * CKEDITOR.config.coreStyles_superscript = { element : 'span', attributes : {'class': 'Superscript'}, overrides : 'sup' };

 100   */
 101  CKEDITOR.config.coreStyles_superscript = { element : 'sup' };