Update to 4.7.3

[perso/Immae/Projets/packagist/ludivine-ckeditor-component.git] / sources / plugins / sourcearea / 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 Source Editing Area plugin. It registers the "source" editing\r
 *		mode, which displays raw  HTML data being edited in the editor.\r
 */\r
\r
( function() {\r
	CKEDITOR.plugins.add( 'sourcearea', {\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: 'source,source-rtl', // %REMOVE_LINE_CORE%\r
		hidpi: true, // %REMOVE_LINE_CORE%\r
		init: function( editor ) {\r
			// Source mode in inline editors is only available through the "sourcedialog" plugin.\r
			if ( editor.elementMode == CKEDITOR.ELEMENT_MODE_INLINE )\r
				return;\r
\r
			var sourcearea = CKEDITOR.plugins.sourcearea;\r
\r
			editor.addMode( 'source', function( callback ) {\r
				var contentsSpace = editor.ui.space( 'contents' ),\r
					textarea = contentsSpace.getDocument().createElement( 'textarea' );\r
\r
				textarea.setStyles(\r
					CKEDITOR.tools.extend( {\r
						// IE7 has overflow the <textarea> from wrapping table cell.\r
						width: CKEDITOR.env.ie7Compat ? '99%' : '100%',\r
						height: '100%',\r
						resize: 'none',\r
						outline: 'none',\r
						'text-align': 'left'\r
					},\r
					CKEDITOR.tools.cssVendorPrefix( 'tab-size', editor.config.sourceAreaTabSize || 4 ) ) );\r
\r
				// Make sure that source code is always displayed LTR,\r
				// regardless of editor language (http://dev.ckeditor.com/ticket/10105).\r
				textarea.setAttribute( 'dir', 'ltr' );\r
\r
				textarea.addClass( 'cke_source' ).addClass( 'cke_reset' ).addClass( 'cke_enable_context_menu' );\r
\r
				editor.ui.space( 'contents' ).append( textarea );\r
\r
				var editable = editor.editable( new sourceEditable( editor, textarea ) );\r
\r
				// Fill the textarea with the current editor data.\r
				editable.setData( editor.getData( 1 ) );\r
\r
				// Having to make <textarea> fixed sized to conquer the following bugs:\r
				// 1. The textarea height/width='100%' doesn't constraint to the 'td' in IE6/7.\r
				// 2. Unexpected vertical-scrolling behavior happens whenever focus is moving out of editor\r
				// if text content within it has overflowed. (http://dev.ckeditor.com/ticket/4762)\r
				if ( CKEDITOR.env.ie ) {\r
					editable.attachListener( editor, 'resize', onResize, editable );\r
					editable.attachListener( CKEDITOR.document.getWindow(), 'resize', onResize, editable );\r
					CKEDITOR.tools.setTimeout( onResize, 0, editable );\r
				}\r
\r
				editor.fire( 'ariaWidget', this );\r
\r
				callback();\r
			} );\r
\r
			editor.addCommand( 'source', sourcearea.commands.source );\r
\r
			if ( editor.ui.addButton ) {\r
				editor.ui.addButton( 'Source', {\r
					label: editor.lang.sourcearea.toolbar,\r
					command: 'source',\r
					toolbar: 'mode,10'\r
				} );\r
			}\r
\r
			editor.on( 'mode', function() {\r
				editor.getCommand( 'source' ).setState( editor.mode == 'source' ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF );\r
			} );\r
\r
			var needsFocusHack = CKEDITOR.env.ie && CKEDITOR.env.version == 9;\r
\r
			function onResize() {\r
				// We have to do something with focus on IE9, because if sourcearea had focus\r
				// before being resized, the caret ends somewhere in the editor UI (http://dev.ckeditor.com/ticket/11839).\r
				var wasActive = needsFocusHack && this.equals( CKEDITOR.document.getActive() );\r
\r
				// Holder rectange size is stretched by textarea,\r
				// so hide it just for a moment.\r
				this.hide();\r
				this.setStyle( 'height', this.getParent().$.clientHeight + 'px' );\r
				this.setStyle( 'width', this.getParent().$.clientWidth + 'px' );\r
				// When we have proper holder size, show textarea again.\r
				this.show();\r
\r
				if ( wasActive )\r
					this.focus();\r
			}\r
		}\r
	} );\r
\r
	var sourceEditable = CKEDITOR.tools.createClass( {\r
		base: CKEDITOR.editable,\r
		proto: {\r
			setData: function( data ) {\r
				this.setValue( data );\r
				this.status = 'ready';\r
				this.editor.fire( 'dataReady' );\r
			},\r
\r
			getData: function() {\r
				return this.getValue();\r
			},\r
\r
			// Insertions are not supported in source editable.\r
			insertHtml: function() {},\r
			insertElement: function() {},\r
			insertText: function() {},\r
\r
			// Read-only support for textarea.\r
			setReadOnly: function( isReadOnly ) {\r
				this[ ( isReadOnly ? 'set' : 'remove' ) + 'Attribute' ]( 'readOnly', 'readonly' );\r
			},\r
\r
			detach: function() {\r
				sourceEditable.baseProto.detach.call( this );\r
				this.clearCustomData();\r
				this.remove();\r
			}\r
		}\r
	} );\r
} )();\r
\r
CKEDITOR.plugins.sourcearea = {\r
	commands: {\r
		source: {\r
			modes: { wysiwyg: 1, source: 1 },\r
			editorFocus: false,\r
			readOnly: 1,\r
			exec: function( editor ) {\r
				if ( editor.mode == 'wysiwyg' )\r
					editor.fire( 'saveSnapshot' );\r
				editor.getCommand( 'source' ).setState( CKEDITOR.TRISTATE_DISABLED );\r
				editor.setMode( editor.mode == 'source' ? 'wysiwyg' : 'source' );\r
			},\r
\r
			canUndo: false\r
		}\r
	}\r
};\r
\r
/**\r
 * Controls the `tab-size` CSS property of the source editing area. Use it to set the width\r
 * of the tab character in the source view. Enter an integer to denote the number of spaces\r
 * that the tab will contain.\r
 *\r
 * **Note:** Works only with {@link #dataIndentationChars}\r
 * set to `'\t'`. Please consider that not all browsers support the `tab-size` CSS\r
 * property yet.\r
 *\r
 *		// Set tab-size to 10 characters.\r
 *		config.sourceAreaTabSize = 10;\r
 *\r
 * @cfg {Number} [sourceAreaTabSize=4]\r
 * @member CKEDITOR.config\r
 * @see CKEDITOR.config#dataIndentationChars\r
 */\r