[Summary view] [Print] [Text view]

   1  /**

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

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

   4   */
   5  
   6  // This file contains style definitions that can be used by CKEditor plugins.

   7  //

   8  // The most common use for it is the "stylescombo" plugin, which shows a combo

   9  // in the editor toolbar, containing all styles. Other plugins instead, like

  10  // the div plugin, use a subset of the styles on their feature.

  11  //

  12  // If you don't have plugins that depend on this file, you can simply ignore it.

  13  // Otherwise it is strongly recommended to customize this file to match your

  14  // website requirements and design properly.

  15  
  16  CKEDITOR.stylesSet.add( 'default', [
  17      /* Block Styles */

  18  
  19      // These styles are already available in the "Format" combo ("format" plugin),

  20      // so they are not needed here by default. You may enable them to avoid

  21      // placing the "Format" combo in the toolbar, maintaining the same features.

  22      /*

  23      { name: 'Paragraph',        element: 'p' },

  24      { name: 'Heading 1',        element: 'h1' },

  25      { name: 'Heading 2',        element: 'h2' },

  26      { name: 'Heading 3',        element: 'h3' },

  27      { name: 'Heading 4',        element: 'h4' },

  28      { name: 'Heading 5',        element: 'h5' },

  29      { name: 'Heading 6',        element: 'h6' },

  30      { name: 'Preformatted Text',element: 'pre' },

  31      { name: 'Address',            element: 'address' },

  32      */
  33  
  34      { name: 'Italic Title',        element: 'h2', styles: { 'font-style': 'italic' } },
  35      { name: 'Subtitle',            element: 'h3', styles: { 'color': '#aaa', 'font-style': 'italic' } },
  36      {
  37          name: 'Special Container',
  38          element: 'div',
  39          styles: {
  40              padding: '5px 10px',
  41              background: '#eee',
  42              border: '1px solid #ccc'
  43          }
  44      },
  45  
  46      /* Inline Styles */

  47  
  48      // These are core styles available as toolbar buttons. You may opt enabling

  49      // some of them in the Styles combo, removing them from the toolbar.

  50      // (This requires the "stylescombo" plugin)

  51      /*

  52      { name: 'Strong',            element: 'strong', overrides: 'b' },

  53      { name: 'Emphasis',            element: 'em'    , overrides: 'i' },

  54      { name: 'Underline',        element: 'u' },

  55      { name: 'Strikethrough',    element: 'strike' },

  56      { name: 'Subscript',        element: 'sub' },

  57      { name: 'Superscript',        element: 'sup' },

  58      */
  59  
  60      { name: 'Marker',            element: 'span', attributes: { 'class': 'marker' } },
  61  
  62      { name: 'Big',                element: 'big' },
  63      { name: 'Small',            element: 'small' },
  64      { name: 'Typewriter',        element: 'tt' },
  65  
  66      { name: 'Computer Code',    element: 'code' },
  67      { name: 'Keyboard Phrase',    element: 'kbd' },
  68      { name: 'Sample Text',        element: 'samp' },
  69      { name: 'Variable',            element: 'var' },
  70  
  71      { name: 'Deleted Text',        element: 'del' },
  72      { name: 'Inserted Text',    element: 'ins' },
  73  
  74      { name: 'Cited Work',        element: 'cite' },
  75      { name: 'Inline Quotation',    element: 'q' },
  76  
  77      { name: 'Language: RTL',    element: 'span', attributes: { 'dir': 'rtl' } },
  78      { name: 'Language: LTR',    element: 'span', attributes: { 'dir': 'ltr' } },
  79  
  80      /* Object Styles */

  81  
  82      {
  83          name: 'Styled image (left)',
  84          element: 'img',
  85          attributes: { 'class': 'left' }
  86      },
  87  
  88      {
  89          name: 'Styled image (right)',
  90          element: 'img',
  91          attributes: { 'class': 'right' }
  92      },
  93  
  94      {
  95          name: 'Compact table',
  96          element: 'table',
  97          attributes: {
  98              cellpadding: '5',
  99              cellspacing: '0',
 100              border: '1',
 101              bordercolor: '#ccc'
 102          },
 103          styles: {
 104              'border-collapse': 'collapse'
 105          }
 106      },
 107  
 108      { name: 'Borderless Table',        element: 'table',    styles: { 'border-style': 'hidden', 'background-color': '#E6E6FA' } },
 109      { name: 'Square Bulleted List',    element: 'ul',        styles: { 'list-style-type': 'square' } }
 110  ]);
 111