查看 | 历史 | 提交 | 提交对比
hjg
2024-10-30 8cf23534166c07e711aac2a25911ada317ba01f0
提交 | 用户 | 时间
58d006 1 /**
A 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