ckeditor/styles.js
changeset 0 44d330dccc59
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/ckeditor/styles.js	Thu Dec 15 18:10:20 2016 +0300
     1.3 @@ -0,0 +1,137 @@
     1.4 +/**
     1.5 + * Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
     1.6 + * For licensing, see LICENSE.md or http://ckeditor.com/license
     1.7 + */
     1.8 +
     1.9 +// This file contains style definitions that can be used by CKEditor plugins.
    1.10 +//
    1.11 +// The most common use for it is the "stylescombo" plugin which shows the Styles drop-down
    1.12 +// list containing all styles in the editor toolbar. Other plugins, like
    1.13 +// the "div" plugin, use a subset of the styles for their features.
    1.14 +//
    1.15 +// If you do not have plugins that depend on this file in your editor build, you can simply
    1.16 +// ignore it. Otherwise it is strongly recommended to customize this file to match your
    1.17 +// website requirements and design properly.
    1.18 +//
    1.19 +// For more information refer to: http://docs.ckeditor.com/#!/guide/dev_styles-section-style-rules
    1.20 +
    1.21 +CKEDITOR.stylesSet.add( 'default', [
    1.22 +	/* Block styles */
    1.23 +
    1.24 +	// These styles are already available in the "Format" drop-down list ("format" plugin),
    1.25 +	// so they are not needed here by default. You may enable them to avoid
    1.26 +	// placing the "Format" combo in the toolbar, maintaining the same features.
    1.27 +	/*
    1.28 +	{ name: 'Paragraph',		element: 'p' },
    1.29 +	{ name: 'Heading 1',		element: 'h1' },
    1.30 +	{ name: 'Heading 2',		element: 'h2' },
    1.31 +	{ name: 'Heading 3',		element: 'h3' },
    1.32 +	{ name: 'Heading 4',		element: 'h4' },
    1.33 +	{ name: 'Heading 5',		element: 'h5' },
    1.34 +	{ name: 'Heading 6',		element: 'h6' },
    1.35 +	{ name: 'Preformatted Text',element: 'pre' },
    1.36 +	{ name: 'Address',			element: 'address' },
    1.37 +	*/
    1.38 +
    1.39 +	{ name: 'Italic Title',		element: 'h2', styles: { 'font-style': 'italic' } },
    1.40 +	{ name: 'Subtitle',			element: 'h3', styles: { 'color': '#aaa', 'font-style': 'italic' } },
    1.41 +	{
    1.42 +		name: 'Special Container',
    1.43 +		element: 'div',
    1.44 +		styles: {
    1.45 +			padding: '5px 10px',
    1.46 +			background: '#eee',
    1.47 +			border: '1px solid #ccc'
    1.48 +		}
    1.49 +	},
    1.50 +
    1.51 +	/* Inline styles */
    1.52 +
    1.53 +	// These are core styles available as toolbar buttons. You may opt enabling
    1.54 +	// some of them in the Styles drop-down list, removing them from the toolbar.
    1.55 +	// (This requires the "stylescombo" plugin.)
    1.56 +	/*
    1.57 +	{ name: 'Strong',			element: 'strong', overrides: 'b' },
    1.58 +	{ name: 'Emphasis',			element: 'em'	, overrides: 'i' },
    1.59 +	{ name: 'Underline',		element: 'u' },
    1.60 +	{ name: 'Strikethrough',	element: 'strike' },
    1.61 +	{ name: 'Subscript',		element: 'sub' },
    1.62 +	{ name: 'Superscript',		element: 'sup' },
    1.63 +	*/
    1.64 +
    1.65 +	{ name: 'Marker',			element: 'span', attributes: { 'class': 'marker' } },
    1.66 +
    1.67 +	{ name: 'Big',				element: 'big' },
    1.68 +	{ name: 'Small',			element: 'small' },
    1.69 +	{ name: 'Typewriter',		element: 'tt' },
    1.70 +
    1.71 +	{ name: 'Computer Code',	element: 'code' },
    1.72 +	{ name: 'Keyboard Phrase',	element: 'kbd' },
    1.73 +	{ name: 'Sample Text',		element: 'samp' },
    1.74 +	{ name: 'Variable',			element: 'var' },
    1.75 +
    1.76 +	{ name: 'Deleted Text',		element: 'del' },
    1.77 +	{ name: 'Inserted Text',	element: 'ins' },
    1.78 +
    1.79 +	{ name: 'Cited Work',		element: 'cite' },
    1.80 +	{ name: 'Inline Quotation',	element: 'q' },
    1.81 +
    1.82 +	{ name: 'Language: RTL',	element: 'span', attributes: { 'dir': 'rtl' } },
    1.83 +	{ name: 'Language: LTR',	element: 'span', attributes: { 'dir': 'ltr' } },
    1.84 +
    1.85 +	/* Object styles */
    1.86 +
    1.87 +	{
    1.88 +		name: 'Styled Image (left)',
    1.89 +		element: 'img',
    1.90 +		attributes: { 'class': 'left' }
    1.91 +	},
    1.92 +
    1.93 +	{
    1.94 +		name: 'Styled Image (right)',
    1.95 +		element: 'img',
    1.96 +		attributes: { 'class': 'right' }
    1.97 +	},
    1.98 +
    1.99 +	{
   1.100 +		name: 'Compact Table',
   1.101 +		element: 'table',
   1.102 +		attributes: {
   1.103 +			cellpadding: '5',
   1.104 +			cellspacing: '0',
   1.105 +			border: '1',
   1.106 +			bordercolor: '#ccc'
   1.107 +		},
   1.108 +		styles: {
   1.109 +			'border-collapse': 'collapse'
   1.110 +		}
   1.111 +	},
   1.112 +
   1.113 +	{ name: 'Borderless Table',		element: 'table',	styles: { 'border-style': 'hidden', 'background-color': '#E6E6FA' } },
   1.114 +	{ name: 'Square Bulleted List',	element: 'ul',		styles: { 'list-style-type': 'square' } },
   1.115 +
   1.116 +	/* Widget styles */
   1.117 +
   1.118 +	{ name: 'Clean Image', type: 'widget', widget: 'image', attributes: { 'class': 'image-clean' } },
   1.119 +	{ name: 'Grayscale Image', type: 'widget', widget: 'image', attributes: { 'class': 'image-grayscale' } },
   1.120 +
   1.121 +	{ name: 'Featured Snippet', type: 'widget', widget: 'codeSnippet', attributes: { 'class': 'code-featured' } },
   1.122 +
   1.123 +	{ name: 'Featured Formula', type: 'widget', widget: 'mathjax', attributes: { 'class': 'math-featured' } },
   1.124 +
   1.125 +	{ name: '240p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-240p' } },
   1.126 +	{ name: '360p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-360p' } },
   1.127 +	{ name: '480p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-480p' } },
   1.128 +	{ name: '720p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-720p' } },
   1.129 +	{ name: '1080p', type: 'widget', widget: 'embedSemantic', attributes: { 'class': 'embed-1080p' } },
   1.130 +
   1.131 +	// Adding space after the style name is an intended workaround. For now, there
   1.132 +	// is no option to create two styles with the same name for different widget types. See #16664.
   1.133 +	{ name: '240p ', type: 'widget', widget: 'embed', attributes: { 'class': 'embed-240p' } },
   1.134 +	{ name: '360p ', type: 'widget', widget: 'embed', attributes: { 'class': 'embed-360p' } },
   1.135 +	{ name: '480p ', type: 'widget', widget: 'embed', attributes: { 'class': 'embed-480p' } },
   1.136 +	{ name: '720p ', type: 'widget', widget: 'embed', attributes: { 'class': 'embed-720p' } },
   1.137 +	{ name: '1080p ', type: 'widget', widget: 'embed', attributes: { 'class': 'embed-1080p' } }
   1.138 +
   1.139 +] );
   1.140 +