Update to 4.7.3

[perso/Immae/Projets/packagist/ludivine-ckeditor-component.git] / sources / plugins / fakeobjects / 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
( function() {\r
	var cssStyle = CKEDITOR.htmlParser.cssStyle,\r
		cssLength = CKEDITOR.tools.cssLength;\r
\r
	var cssLengthRegex = /^((?:\d*(?:\.\d+))|(?:\d+))(.*)?$/i;\r
\r
	// Replacing the former CSS length value with the later one, with\r
	// adjustment to the length  unit.\r
	function replaceCssLength( length1, length2 ) {\r
		var parts1 = cssLengthRegex.exec( length1 ),\r
			parts2 = cssLengthRegex.exec( length2 );\r
\r
		// Omit pixel length unit when necessary,\r
		// e.g. replaceCssLength( 10, '20px' ) -> 20\r
		if ( parts1 ) {\r
			if ( !parts1[ 2 ] && parts2[ 2 ] == 'px' )\r
				return parts2[ 1 ];\r
			if ( parts1[ 2 ] == 'px' && !parts2[ 2 ] )\r
				return parts2[ 1 ] + 'px';\r
		}\r
\r
		return length2;\r
	}\r
\r
	var htmlFilterRules = {\r
		elements: {\r
			$: function( element ) {\r
				var attributes = element.attributes,\r
					realHtml = attributes && attributes[ 'data-cke-realelement' ],\r
					realFragment = realHtml && new CKEDITOR.htmlParser.fragment.fromHtml( decodeURIComponent( realHtml ) ),\r
					realElement = realFragment && realFragment.children[ 0 ];\r
\r
				// Width/height in the fake object are subjected to clone into the real element.\r
				if ( realElement && element.attributes[ 'data-cke-resizable' ] ) {\r
					var styles = new cssStyle( element ).rules,\r
						realAttrs = realElement.attributes,\r
						width = styles.width,\r
						height = styles.height;\r
\r
					width && ( realAttrs.width = replaceCssLength( realAttrs.width, width ) );\r
					height && ( realAttrs.height = replaceCssLength( realAttrs.height, height ) );\r
				}\r
\r
				return realElement;\r
			}\r
		}\r
	};\r
\r
	CKEDITOR.plugins.add( 'fakeobjects', {\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
\r
		init: function( editor ) {\r
			// Allow image with all styles and classes plus src, alt and title attributes.\r
			// We need them when fakeobject is pasted.\r
			editor.filter.allow( 'img[!data-cke-realelement,src,alt,title](*){*}', 'fakeobjects' );\r
		},\r
\r
		afterInit: function( editor ) {\r
			var dataProcessor = editor.dataProcessor,\r
				htmlFilter = dataProcessor && dataProcessor.htmlFilter;\r
\r
			if ( htmlFilter ) {\r
				htmlFilter.addRules( htmlFilterRules, {\r
					applyToAll: true\r
				} );\r
			}\r
		}\r
	} );\r
\r
	/**\r
	 * Creates fake {@link CKEDITOR.dom.element} based on real element.\r
	 * Fake element is an img with special attributes, which keep real element properties.\r
	 *\r
	 * @member CKEDITOR.editor\r
	 * @param {CKEDITOR.dom.element} realElement Real element to transform.\r
	 * @param {String} className Class name which will be used as class of fake element.\r
	 * @param {String} realElementType Stores type of fake element.\r
	 * @param {Boolean} isResizable Keeps information if element is resizable.\r
	 * @returns {CKEDITOR.dom.element} Fake element.\r
	 */\r
	CKEDITOR.editor.prototype.createFakeElement = function( realElement, className, realElementType, isResizable ) {\r
		var lang = this.lang.fakeobjects,\r
			label = lang[ realElementType ] || lang.unknown;\r
\r
		var attributes = {\r
			'class': className,\r
			'data-cke-realelement': encodeURIComponent( realElement.getOuterHtml() ),\r
			'data-cke-real-node-type': realElement.type,\r
			alt: label,\r
			title: label,\r
			align: realElement.getAttribute( 'align' ) || ''\r
		};\r
\r
		// Do not set "src" on high-contrast so the alt text is displayed. (http://dev.ckeditor.com/ticket/8945)\r
		if ( !CKEDITOR.env.hc )\r
			attributes.src = CKEDITOR.tools.transparentImageData;\r
\r
		if ( realElementType )\r
			attributes[ 'data-cke-real-element-type' ] = realElementType;\r
\r
		if ( isResizable ) {\r
			attributes[ 'data-cke-resizable' ] = isResizable;\r
\r
			var fakeStyle = new cssStyle();\r
\r
			var width = realElement.getAttribute( 'width' ),\r
				height = realElement.getAttribute( 'height' );\r
\r
			width && ( fakeStyle.rules.width = cssLength( width ) );\r
			height && ( fakeStyle.rules.height = cssLength( height ) );\r
			fakeStyle.populate( attributes );\r
		}\r
\r
		return this.document.createElement( 'img', { attributes: attributes } );\r
	};\r
\r
	/**\r
	 * Creates fake {@link CKEDITOR.htmlParser.element} based on real element.\r
	 *\r
	 * @member CKEDITOR.editor\r
	 * @param {CKEDITOR.dom.element} realElement Real element to transform.\r
	 * @param {String} className Class name which will be used as class of fake element.\r
	 * @param {String} realElementType Store type of fake element.\r
	 * @param {Boolean} isResizable Keep information if element is resizable.\r
	 * @returns {CKEDITOR.htmlParser.element} Fake htmlParser element.\r
	 */\r
	CKEDITOR.editor.prototype.createFakeParserElement = function( realElement, className, realElementType, isResizable ) {\r
		var lang = this.lang.fakeobjects,\r
			label = lang[ realElementType ] || lang.unknown,\r
			html;\r
\r
		var writer = new CKEDITOR.htmlParser.basicWriter();\r
		realElement.writeHtml( writer );\r
		html = writer.getHtml();\r
\r
		var attributes = {\r
			'class': className,\r
			'data-cke-realelement': encodeURIComponent( html ),\r
			'data-cke-real-node-type': realElement.type,\r
			alt: label,\r
			title: label,\r
			align: realElement.attributes.align || ''\r
		};\r
\r
		// Do not set "src" on high-contrast so the alt text is displayed. (http://dev.ckeditor.com/ticket/8945)\r
		if ( !CKEDITOR.env.hc )\r
			attributes.src = CKEDITOR.tools.transparentImageData;\r
\r
		if ( realElementType )\r
			attributes[ 'data-cke-real-element-type' ] = realElementType;\r
\r
		if ( isResizable ) {\r
			attributes[ 'data-cke-resizable' ] = isResizable;\r
			var realAttrs = realElement.attributes,\r
				fakeStyle = new cssStyle();\r
\r
			var width = realAttrs.width,\r
				height = realAttrs.height;\r
\r
			width !== undefined && ( fakeStyle.rules.width = cssLength( width ) );\r
			height !== undefined && ( fakeStyle.rules.height = cssLength( height ) );\r
			fakeStyle.populate( attributes );\r
		}\r
\r
		return new CKEDITOR.htmlParser.element( 'img', attributes );\r
	};\r
\r
	/**\r
	 * Creates {@link CKEDITOR.dom.element} from fake element.\r
	 *\r
	 * @member CKEDITOR.editor\r
	 * @param {CKEDITOR.dom.element} fakeElement Fake element to transform.\r
	 * @returns {CKEDITOR.dom.element/null} Returns real element or `null` if transformed element wasn't fake.\r
	 */\r
	CKEDITOR.editor.prototype.restoreRealElement = function( fakeElement ) {\r
		if ( fakeElement.data( 'cke-real-node-type' ) != CKEDITOR.NODE_ELEMENT )\r
			return null;\r
\r
		var element = CKEDITOR.dom.element.createFromHtml( decodeURIComponent( fakeElement.data( 'cke-realelement' ) ), this.document );\r
\r
		if ( fakeElement.data( 'cke-resizable' ) ) {\r
			var width = fakeElement.getStyle( 'width' ),\r
				height = fakeElement.getStyle( 'height' );\r
\r
			width && element.setAttribute( 'width', replaceCssLength( element.getAttribute( 'width' ), width ) );\r
			height && element.setAttribute( 'height', replaceCssLength( element.getAttribute( 'height' ), height ) );\r
		}\r
\r
		return element;\r
	};\r
\r
} )();\r