Add oembed

[perso/Immae/Projets/packagist/piedsjaloux-ckeditor-component.git] / sources / plugins / image / 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
/**\r
 * @fileOverview The Image plugin.\r
 */\r
\r
( function() {\r
\r
	CKEDITOR.plugins.add( 'image', {\r
		requires: 'dialog',\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
		icons: 'image', // %REMOVE_LINE_CORE%\r
		hidpi: true, // %REMOVE_LINE_CORE%\r
		init: function( editor ) {\r
			// Abort when Image2 is to be loaded since both plugins\r
			// share the same button, command, etc. names (http://dev.ckeditor.com/ticket/11222).\r
			if ( editor.plugins.image2 )\r
				return;\r
\r
			var pluginName = 'image';\r
\r
			// Register the dialog.\r
			CKEDITOR.dialog.add( pluginName, this.path + 'dialogs/image.js' );\r
\r
			var allowed = 'img[alt,!src]{border-style,border-width,float,height,margin,margin-bottom,margin-left,margin-right,margin-top,width}',\r
				required = 'img[alt,src]';\r
\r
			if ( CKEDITOR.dialog.isTabEnabled( editor, pluginName, 'advanced' ) )\r
				allowed = 'img[alt,dir,id,lang,longdesc,!src,title]{*}(*)';\r
\r
			// Register the command.\r
			editor.addCommand( pluginName, new CKEDITOR.dialogCommand( pluginName, {\r
				allowedContent: allowed,\r
				requiredContent: required,\r
				contentTransformations: [\r
					[ 'img{width}: sizeToStyle', 'img[width]: sizeToAttribute' ],\r
					[ 'img{float}: alignmentToStyle', 'img[align]: alignmentToAttribute' ]\r
				]\r
			} ) );\r
\r
			// Register the toolbar button.\r
			editor.ui.addButton && editor.ui.addButton( 'Image', {\r
				label: editor.lang.common.image,\r
				command: pluginName,\r
				toolbar: 'insert,10'\r
			} );\r
\r
			editor.on( 'doubleclick', function( evt ) {\r
				var element = evt.data.element;\r
\r
				if ( element.is( 'img' ) && !element.data( 'cke-realelement' ) && !element.isReadOnly() )\r
					evt.data.dialog = 'image';\r
			} );\r
\r
			// If the "menu" plugin is loaded, register the menu items.\r
			if ( editor.addMenuItems ) {\r
				editor.addMenuItems( {\r
					image: {\r
						label: editor.lang.image.menu,\r
						command: 'image',\r
						group: 'image'\r
					}\r
				} );\r
			}\r
\r
			// If the "contextmenu" plugin is loaded, register the listeners.\r
			if ( editor.contextMenu ) {\r
				editor.contextMenu.addListener( function( element ) {\r
					if ( getSelectedImage( editor, element ) )\r
						return { image: CKEDITOR.TRISTATE_OFF };\r
				} );\r
			}\r
		},\r
		afterInit: function( editor ) {\r
			// Abort when Image2 is to be loaded since both plugins\r
			// share the same button, command, etc. names (http://dev.ckeditor.com/ticket/11222).\r
			if ( editor.plugins.image2 )\r
				return;\r
\r
			// Customize the behavior of the alignment commands. (http://dev.ckeditor.com/ticket/7430)\r
			setupAlignCommand( 'left' );\r
			setupAlignCommand( 'right' );\r
			setupAlignCommand( 'center' );\r
			setupAlignCommand( 'block' );\r
\r
			function setupAlignCommand( value ) {\r
				var command = editor.getCommand( 'justify' + value );\r
				if ( command ) {\r
					if ( value == 'left' || value == 'right' ) {\r
						command.on( 'exec', function( evt ) {\r
							var img = getSelectedImage( editor ),\r
								align;\r
							if ( img ) {\r
								align = getImageAlignment( img );\r
								if ( align == value ) {\r
									img.removeStyle( 'float' );\r
\r
									// Remove "align" attribute when necessary.\r
									if ( value == getImageAlignment( img ) )\r
										img.removeAttribute( 'align' );\r
								} else {\r
									img.setStyle( 'float', value );\r
								}\r
\r
								evt.cancel();\r
							}\r
						} );\r
					}\r
\r
					command.on( 'refresh', function( evt ) {\r
						var img = getSelectedImage( editor ),\r
							align;\r
						if ( img ) {\r
							align = getImageAlignment( img );\r
\r
							this.setState(\r
							( align == value ) ? CKEDITOR.TRISTATE_ON : ( value == 'right' || value == 'left' ) ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );\r
\r
							evt.cancel();\r
						}\r
					} );\r
				}\r
			}\r
		}\r
	} );\r
\r
	function getSelectedImage( editor, element ) {\r
		if ( !element ) {\r
			var sel = editor.getSelection();\r
			element = sel.getSelectedElement();\r
		}\r
\r
		if ( element && element.is( 'img' ) && !element.data( 'cke-realelement' ) && !element.isReadOnly() )\r
			return element;\r
	}\r
\r
	function getImageAlignment( element ) {\r
		var align = element.getStyle( 'float' );\r
\r
		if ( align == 'inherit' || align == 'none' )\r
			align = 0;\r
\r
		if ( !align )\r
			align = element.getAttribute( 'align' );\r
\r
		return align;\r
	}\r
\r
} )();\r
\r
/**\r
 * Determines whether dimension inputs should be automatically filled when the image URL changes in the Image plugin dialog window.\r
 *\r
 *		config.image_prefillDimensions = false;\r
 *\r
 * @since 4.5\r
 * @cfg {Boolean} [image_prefillDimensions=true]\r
 * @member CKEDITOR.config\r
 */\r
\r
/**\r
 * Whether to remove links when emptying the link URL field in the Image dialog window.\r
 *\r
 *		config.image_removeLinkByEmptyURL = false;\r
 *\r
 * @cfg {Boolean} [image_removeLinkByEmptyURL=true]\r
 * @member CKEDITOR.config\r
 */\r
CKEDITOR.config.image_removeLinkByEmptyURL = true;\r
\r
/**\r
 * Padding text to set off the image in the preview area.\r
 *\r
 *		config.image_previewText = CKEDITOR.tools.repeat( '___ ', 100 );\r
 *\r
 * @cfg {String} [image_previewText='Lorem ipsum dolor...' (placeholder text)]\r
 * @member CKEDITOR.config\r
 */\r