Upgrade to 4.5.7 and add some plugin

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

/**\r
 * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.\r
 * For licensing, see LICENSE.md or http://ckeditor.com/license\r
 */\r
\r
/**\r
 * @fileOverview Horizontal Page Break\r
 */\r
\r
'use strict';\r
\r
( function() {\r
	// Register a plugin named "pagebreak".\r
	CKEDITOR.plugins.add( 'pagebreak', {\r
		requires: 'fakeobjects',\r
		// jscs:disable maximumLineLength\r
		lang: 'af,ar,bg,bn,bs,ca,cs,cy,da,de,de-ch,el,en,en-au,en-ca,en-gb,eo,es,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,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
		icons: 'pagebreak,pagebreak-rtl', // %REMOVE_LINE_CORE%\r
		hidpi: true, // %REMOVE_LINE_CORE%\r
		onLoad: function() {\r
			var cssStyles = (\r
					'background:url(' + CKEDITOR.getUrl( this.path + 'images/pagebreak.gif' ) + ') no-repeat center center;' +\r
					'clear:both;' +\r
					'width:100%;' +\r
					'border-top:#999 1px dotted;' +\r
					'border-bottom:#999 1px dotted;' +\r
					'padding:0;' +\r
					'height:7px;' +\r
					'cursor:default;'\r
				).replace( /;/g, ' !important;' ); // Increase specificity to override other styles, e.g. block outline.\r
\r
			// Add the style that renders our placeholder.\r
			CKEDITOR.addCss( 'div.cke_pagebreak{' + cssStyles + '}' );\r
		},\r
\r
		init: function( editor ) {\r
			if ( editor.blockless )\r
				return;\r
\r
			// Register the command.\r
			editor.addCommand( 'pagebreak', CKEDITOR.plugins.pagebreakCmd );\r
\r
			// Register the toolbar button.\r
			editor.ui.addButton && editor.ui.addButton( 'PageBreak', {\r
				label: editor.lang.pagebreak.toolbar,\r
				command: 'pagebreak',\r
				toolbar: 'insert,70'\r
			} );\r
\r
			// Webkit based browsers needs help to select the page-break.\r
			CKEDITOR.env.webkit && editor.on( 'contentDom', function() {\r
				editor.document.on( 'click', function( evt ) {\r
					var target = evt.data.getTarget();\r
					if ( target.is( 'div' ) && target.hasClass( 'cke_pagebreak' ) )\r
						editor.getSelection().selectElement( target );\r
				} );\r
			} );\r
		},\r
\r
		afterInit: function( editor ) {\r
			// Register a filter to displaying placeholders after mode change.\r
			var dataProcessor = editor.dataProcessor,\r
				dataFilter = dataProcessor && dataProcessor.dataFilter,\r
				htmlFilter = dataProcessor && dataProcessor.htmlFilter,\r
				styleRegex = /page-break-after\s*:\s*always/i,\r
				childStyleRegex = /display\s*:\s*none/i;\r
\r
			function upcastPageBreak( element ) {\r
				CKEDITOR.tools.extend( element.attributes, attributesSet( editor.lang.pagebreak.alt ), true );\r
\r
				element.children.length = 0;\r
			}\r
\r
			if ( htmlFilter ) {\r
				htmlFilter.addRules( {\r
					attributes: {\r
						'class': function( value, element ) {\r
							var className = value.replace( 'cke_pagebreak', '' );\r
							if ( className != value ) {\r
								var span = CKEDITOR.htmlParser.fragment.fromHtml( '<span style="display: none;">&nbsp;</span>' ).children[ 0 ];\r
								element.children.length = 0;\r
								element.add( span );\r
								var attrs = element.attributes;\r
								delete attrs[ 'aria-label' ];\r
								delete attrs.contenteditable;\r
								delete attrs.title;\r
							}\r
							return className;\r
						}\r
					}\r
				}, { applyToAll: true, priority: 5 } );\r
			}\r
\r
			if ( dataFilter ) {\r
				dataFilter.addRules( {\r
					elements: {\r
						div: function( element ) {\r
							// The "internal form" of a pagebreak is pasted from clipboard.\r
							// ACF may have distorted the HTML because "internal form" is\r
							// different than "data form". Make sure that element remains valid\r
							// by re-upcasting it (#11133).\r
							if ( element.attributes[ 'data-cke-pagebreak' ] )\r
								upcastPageBreak( element );\r
\r
							// Check for "data form" of the pagebreak. If both element and\r
							// descendants match, convert them to internal form.\r
							else if ( styleRegex.test( element.attributes.style ) ) {\r
								var child = element.children[ 0 ];\r
\r
								if ( child && child.name == 'span' && childStyleRegex.test( child.attributes.style ) )\r
									upcastPageBreak( element );\r
							}\r
						}\r
					}\r
				} );\r
			}\r
		}\r
	} );\r
\r
	// TODO Much probably there's no need to expose this object as public object.\r
	CKEDITOR.plugins.pagebreakCmd = {\r
		exec: function( editor ) {\r
			// Create read-only element that represents a print break.\r
			var pagebreak = editor.document.createElement( 'div', {\r
				attributes: attributesSet( editor.lang.pagebreak.alt )\r
			} );\r
\r
			editor.insertElement( pagebreak );\r
		},\r
		context: 'div',\r
		allowedContent: {\r
			div: {\r
				styles: '!page-break-after'\r
			},\r
			span: {\r
				match: function( element ) {\r
					var parent = element.parent;\r
					return parent && parent.name == 'div' && parent.styles && parent.styles[ 'page-break-after' ];\r
				},\r
				styles: 'display'\r
			}\r
		},\r
		requiredContent: 'div{page-break-after}'\r
	};\r
\r
	// Returns an object representing all the attributes\r
	// of the "internal form" of the pagebreak element.\r
	function attributesSet( label ) {\r
		return {\r
			'aria-label': label,\r
			'class': 'cke_pagebreak',\r
			contenteditable: 'false',\r
			'data-cke-display-name': 'pagebreak',\r
			'data-cke-pagebreak': 1,\r
			style: 'page-break-after: always',\r
			title: label\r
		};\r
	}\r
} )();\r