|
1 /** |
|
2 * Copyright (c) 2003-2015, 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 |