Update to 4.7.3

[perso/Immae/Projets/packagist/ludivine-ckeditor-component.git] / sources / plugins / format / plugin.js

/**\r
 * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.\r
 * For licensing, see LICENSE.md or http://ckeditor.com/license\r
 */\r
\r
CKEDITOR.plugins.add( 'format', {\r
	requires: 'richcombo',\r
	// jscs:disable maximumLineLength\r
	lang: 'af,ar,az,bg,bn,bs,ca,cs,cy,da,de,de-ch,el,en,en-au,en-ca,en-gb,eo,es,es-mx,et,eu,fa,fi,fo,fr,fr-ca,gl,gu,he,hi,hr,hu,id,is,it,ja,ka,km,ko,ku,lt,lv,mk,mn,ms,nb,nl,no,oc,pl,pt,pt-br,ro,ru,si,sk,sl,sq,sr,sr-latn,sv,th,tr,tt,ug,uk,vi,zh,zh-cn', // %REMOVE_LINE_CORE%\r
	// jscs:enable maximumLineLength\r
	init: function( editor ) {\r
		if ( editor.blockless )\r
			return;\r
\r
		var config = editor.config,\r
			lang = editor.lang.format;\r
\r
		// Gets the list of tags from the settings.\r
		var tags = config.format_tags.split( ';' );\r
\r
		// Create style objects for all defined styles.\r
		var styles = {},\r
			stylesCount = 0,\r
			allowedContent = [];\r
		for ( var i = 0; i < tags.length; i++ ) {\r
			var tag = tags[ i ];\r
			var style = new CKEDITOR.style( config[ 'format_' + tag ] );\r
			if ( !editor.filter.customConfig || editor.filter.check( style ) ) {\r
				stylesCount++;\r
				styles[ tag ] = style;\r
				styles[ tag ]._.enterMode = editor.config.enterMode;\r
				allowedContent.push( style );\r
			}\r
		}\r
\r
		// Hide entire combo when all formats are rejected.\r
		if ( stylesCount === 0 )\r
			return;\r
\r
		editor.ui.addRichCombo( 'Format', {\r
			label: lang.label,\r
			title: lang.panelTitle,\r
			toolbar: 'styles,20',\r
			allowedContent: allowedContent,\r
\r
			panel: {\r
				css: [ CKEDITOR.skin.getPath( 'editor' ) ].concat( config.contentsCss ),\r
				multiSelect: false,\r
				attributes: { 'aria-label': lang.panelTitle }\r
			},\r
\r
			init: function() {\r
				this.startGroup( lang.panelTitle );\r
\r
				for ( var tag in styles ) {\r
					var label = lang[ 'tag_' + tag ];\r
\r
					// Add the tag entry to the panel list.\r
					this.add( tag, styles[ tag ].buildPreview( label ), label );\r
				}\r
			},\r
\r
			onClick: function( value ) {\r
				editor.focus();\r
				editor.fire( 'saveSnapshot' );\r
\r
				var style = styles[ value ],\r
					elementPath = editor.elementPath();\r
\r
				editor[ style.checkActive( elementPath, editor ) ? 'removeStyle' : 'applyStyle' ]( style );\r
\r
				// Save the undo snapshot after all changes are affected. (http://dev.ckeditor.com/ticket/4899)\r
				setTimeout( function() {\r
					editor.fire( 'saveSnapshot' );\r
				}, 0 );\r
			},\r
\r
			onRender: function() {\r
				editor.on( 'selectionChange', function( ev ) {\r
					var currentTag = this.getValue(),\r
						elementPath = ev.data.path;\r
\r
					this.refresh();\r
\r
					for ( var tag in styles ) {\r
						if ( styles[ tag ].checkActive( elementPath, editor ) ) {\r
							if ( tag != currentTag )\r
								this.setValue( tag, editor.lang.format[ 'tag_' + tag ] );\r
							return;\r
						}\r
					}\r
\r
					// If no styles match, just empty it.\r
					this.setValue( '' );\r
\r
				}, this );\r
			},\r
\r
			onOpen: function() {\r
				this.showAll();\r
				for ( var name in styles ) {\r
					var style = styles[ name ];\r
\r
					// Check if that style is enabled in activeFilter.\r
					if ( !editor.activeFilter.check( style ) )\r
						this.hideItem( name );\r
\r
				}\r
			},\r
\r
			refresh: function() {\r
				var elementPath = editor.elementPath();\r
\r
				if ( !elementPath )\r
						return;\r
\r
				// Check if element path contains 'p' element.\r
				if ( !elementPath.isContextFor( 'p' ) ) {\r
					this.setState( CKEDITOR.TRISTATE_DISABLED );\r
					return;\r
				}\r
\r
				// Check if there is any available style.\r
				for ( var name in styles ) {\r
					if ( editor.activeFilter.check( styles[ name ] ) )\r
						return;\r
				}\r
				this.setState( CKEDITOR.TRISTATE_DISABLED );\r
			}\r
		} );\r
	}\r
} );\r
\r
/**\r
 * A list of semicolon-separated style names (by default: tags) representing\r
 * the style definition for each entry to be displayed in the Format drop-down list\r
 * in the toolbar. Each entry must have a corresponding configuration in a\r
 * setting named `'format_(tagName)'`. For example, the `'p'` entry has its\r
 * definition taken from [config.format_p](#!/api/CKEDITOR.config-cfg-format_p).\r
 *\r
 * Read more in the [documentation](#!/guide/dev_format)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\r
 *\r
 *		config.format_tags = 'p;h2;h3;pre';\r
 *\r
 * @cfg {String} [format_tags='p;h1;h2;h3;h4;h5;h6;pre;address;div']\r
 * @member CKEDITOR.config\r
 */\r
CKEDITOR.config.format_tags = 'p;h1;h2;h3;h4;h5;h6;pre;address;div';\r
\r
/**\r
 * The style definition to be used to apply the `Normal` format.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_format)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\r
 *\r
 *		config.format_p = { element: 'p', attributes: { 'class': 'normalPara' } };\r
 *\r
 * @cfg {Object} [format_p={ element: 'p' }]\r
 * @member CKEDITOR.config\r
 */\r
CKEDITOR.config.format_p = { element: 'p' };\r
\r
/**\r
 * The style definition to be used to apply the `Normal (DIV)` format.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_format)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\r
 *\r
 *		config.format_div = { element: 'div', attributes: { 'class': 'normalDiv' } };\r
 *\r
 * @cfg {Object} [format_div={ element: 'div' }]\r
 * @member CKEDITOR.config\r
 */\r
CKEDITOR.config.format_div = { element: 'div' };\r
\r
/**\r
 * The style definition to be used to apply the `Formatted` format.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_format)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\r
 *\r
 *		config.format_pre = { element: 'pre', attributes: { 'class': 'code' } };\r
 *\r
 * @cfg {Object} [format_pre={ element: 'pre' }]\r
 * @member CKEDITOR.config\r
 */\r
CKEDITOR.config.format_pre = { element: 'pre' };\r
\r
/**\r
 * The style definition to be used to apply the `Address` format.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_format)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\r
 *\r
 *		config.format_address = { element: 'address', attributes: { 'class': 'styledAddress' } };\r
 *\r
 * @cfg {Object} [format_address={ element: 'address' }]\r
 * @member CKEDITOR.config\r
 */\r
CKEDITOR.config.format_address = { element: 'address' };\r
\r
/**\r
 * The style definition to be used to apply the `Heading 1` format.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_format)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\r
 *\r
 *		config.format_h1 = { element: 'h1', attributes: { 'class': 'contentTitle1' } };\r
 *\r
 * @cfg {Object} [format_h1={ element: 'h1' }]\r
 * @member CKEDITOR.config\r
 */\r
CKEDITOR.config.format_h1 = { element: 'h1' };\r
\r
/**\r
 * The style definition to be used to apply the `Heading 2` format.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_format)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\r
 *\r
 *		config.format_h2 = { element: 'h2', attributes: { 'class': 'contentTitle2' } };\r
 *\r
 * @cfg {Object} [format_h2={ element: 'h2' }]\r
 * @member CKEDITOR.config\r
 */\r
CKEDITOR.config.format_h2 = { element: 'h2' };\r
\r
/**\r
 * The style definition to be used to apply the `Heading 3` format.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_format)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\r
 *\r
 *		config.format_h3 = { element: 'h3', attributes: { 'class': 'contentTitle3' } };\r
 *\r
 * @cfg {Object} [format_h3={ element: 'h3' }]\r
 * @member CKEDITOR.config\r
 */\r
CKEDITOR.config.format_h3 = { element: 'h3' };\r
\r
/**\r
 * The style definition to be used to apply the `Heading 4` format.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_format)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\r
 *\r
 *		config.format_h4 = { element: 'h4', attributes: { 'class': 'contentTitle4' } };\r
 *\r
 * @cfg {Object} [format_h4={ element: 'h4' }]\r
 * @member CKEDITOR.config\r
 */\r
CKEDITOR.config.format_h4 = { element: 'h4' };\r
\r
/**\r
 * The style definition to be used to apply the `Heading 5` format.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_format)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\r
 *\r
 *		config.format_h5 = { element: 'h5', attributes: { 'class': 'contentTitle5' } };\r
 *\r
 * @cfg {Object} [format_h5={ element: 'h5' }]\r
 * @member CKEDITOR.config\r
 */\r
CKEDITOR.config.format_h5 = { element: 'h5' };\r
\r
/**\r
 * The style definition to be used to apply the `Heading 6` format.\r
 *\r
 * Read more in the [documentation](#!/guide/dev_format)\r
 * and see the [SDK sample](http://sdk.ckeditor.com/samples/format.html).\r
 *\r
 *		config.format_h6 = { element: 'h6', attributes: { 'class': 'contentTitle6' } };\r
 *\r
 * @cfg {Object} [format_h6={ element: 'h6' }]\r
 * @member CKEDITOR.config\r
 */\r
CKEDITOR.config.format_h6 = { element: 'h6' };\r