bugfixes et cosmétique.
[ckeditor.git] / skins / ckeditor / styles.js
1 /**
2 * Copyright (c) 2003-2014, 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