Dodanie image2 (enchanged image dialog)

@@ -17,5 +17,5 @@ CKEDITOR.editorConfig = function( config ) {
     ];
     ];
 
 
     config.disableNativeSpellChecker = false;
     config.disableNativeSpellChecker = false;
-    config.extraPlugins = 'autolink';
+    config.extraPlugins = 'autolink,image2,widget,widgetselection,lineutils';
 };
 };

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+
+.cke_widget_wrapper:hover:after {
+	content: "id: " attr(data-cke-widget-id);
+	position: absolute;
+	top: 0;
+	right: 0;
+	padding: 2px 4px;
+	background: #EEE;
+	border: solid 1px #DDD;
+	border-radius: 2px;
+	color: #BBB;
+	font: bold 10px sans-serif;
+}
+
+.align-left {
+	float: left;
+	margin-right: 20px;
+}
+
+.align-right {
+	float: right;
+	margin-left: 20px;
+}
+
+.align-center {
+	text-align: center;
+}
+
+.align-center > figure {
+	display: inline-block;
+}

+<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+-->
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>Widget Image &mdash; CKEditor Sample</title>
+	<script src="../../../ckeditor.js"></script>
+	<script src="../../../dev/console/console.js"></script>
+	<script src="../../../dev/console/focusconsole.js"></script>
+	<script src="../../widget/dev/console.js"></script>
+	<script>
+		if ( CKEDITOR.env.ie && CKEDITOR.env.version < 9 )
+			CKEDITOR.tools.enableHtml5Elements( document );
+
+		var editor;
+
+		// The instanceReady event is fired, when an instance of CKEditor has finished
+		// its initialization.
+		CKEDITOR.on( 'instanceReady', function( ev ) {
+			editor = ev.editor;
+
+			// Show this "on" button.
+			document.getElementById( 'readOnlyOn' ).style.display = '';
+
+			// Event fired when the readOnly property changes.
+			editor.on( 'readOnly', function() {
+				document.getElementById( 'readOnlyOn' ).style.display = this.readOnly ? 'none' : '';
+				document.getElementById( 'readOnlyOff' ).style.display = this.readOnly ? '' : 'none';
+			});
+		});
+
+		function toggleReadOnly( isReadOnly ) {
+			// Change the read-only state of the editor.
+			// http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-setReadOnly
+			editor.setReadOnly( isReadOnly );
+		}
+
+	</script>
+	<link href="../../../samples/old/sample.css" rel="stylesheet">
+
+	<style>
+
+		body {
+			font-size: 13px;
+		}
+		.editable {
+			padding: 20px;
+			border: 2px solid #dfdfdf;
+			overflow: auto;
+		}
+
+		body p {
+			line-height: 1.8em;
+		}
+
+		/* Reset some styles from sample.css */
+		.cke_editable.cke_editable_inline
+		{
+			cursor: auto;
+		}
+		.cke_editable.cke_editable_inline.cke_focus
+		{
+			box-shadow: none;
+			background: inherit;
+			cursor: auto;
+		}
+
+	</style>
+	<link href="contents.css" rel="stylesheet">
+	<link href="../../../contents.css" rel="stylesheet">
+</head>
+<body>
+	<h1 class="samples">
+		<a href="../../../samples/old/index.html">CKEditor Samples</a> &raquo; Widget Image
+	</h1>
+
+	<h2>Classic (iframe-based) Sample</h2>
+
+	<textarea id="editor1" cols="10" rows="10">
+		<h1>Apollo 11</h1>
+
+		<figure class="image" style="float: right">
+			<img alt="Saturn V" src="assets/image1.jpg" width="200" data-foo="*********" data-bar="@@@@@@@@" />
+			<figcaption>Roll out of Saturn V on launch pad</figcaption>
+		</figure>
+
+		<p><strong>Apollo 11</strong> was the spaceflight that landed the first humans, Americans <a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.</p>
+
+		<p>Armstrong spent about <s>three and a half</s> two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5&nbsp;kg) of lunar material for return to Earth. A third member of the mission, <a href="http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)" title="Michael Collins (astronaut)">Michael Collins</a>, piloted the <a href="http://en.wikipedia.org/wiki/Apollo_Command/Service_Module" title="Apollo Command/Service Module">command</a> spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.</p>
+
+		<h2>Broadcasting and <em>quotes</em> <a id="quotes" name="quotes"></a></h2>
+
+		<p>Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:</p>
+
+		<blockquote>
+		<p>One small step for [a] man, one giant leap for mankind.</p>
+		</blockquote>
+
+		<p>Apollo 11 effectively ended the <a href="http://en.wikipedia.org/wiki/Space_Race" title="Space Race">Space Race</a> and fulfilled a national goal proposed in 1961 by the late U.S. President <a href="http://en.wikipedia.org/wiki/John_F._Kennedy" title="John F. Kennedy">John F. Kennedy</a> in a speech before the United States Congress:</p>
+
+		<blockquote>
+		<p>[...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.</p>
+		</blockquote>
+
+		<figure class="image" style="float: right">
+			<img alt="The Eagle" src="assets/image2.jpg" style="width: 200px" />
+			<figcaption>The Eagle in lunar orbit</figcaption>
+		</figure>
+
+		<h2>Technical details <a id="tech-details" name="tech-details"></a></h2>
+
+		<p>Launched by a <strong>Saturn V</strong> rocket from <a href="http://en.wikipedia.org/wiki/Kennedy_Space_Center" title="Kennedy Space Center">Kennedy Space Center</a> in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of <a href="http://en.wikipedia.org/wiki/NASA" title="NASA">NASA</a>&#39;s Apollo program. The Apollo spacecraft had three parts:</p>
+
+		<ol>
+			<li><strong>Command Module</strong> with a cabin for the three astronauts which was the only part which landed back on Earth</li>
+			<li><strong>Service Module</strong> which supported the Command Module with propulsion, electrical power, oxygen and water</li>
+			<li><strong>Lunar Module</strong> for landing on the Moon.</li>
+		</ol>
+
+		<p>After being sent to the Moon by the Saturn V&#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the <a href="http://en.wikipedia.org/wiki/Mare_Tranquillitatis" title="Mare Tranquillitatis">Sea of Tranquility</a>. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the <a href="http://en.wikipedia.org/wiki/Pacific_Ocean" title="Pacific Ocean">Pacific Ocean</a> on July 24.</p>
+
+		<p style="text-align:center">
+			<img alt="Saturn V" src="assets/image1.jpg" width="200" />
+		</p>
+
+		<hr />
+		<p style="text-align:right"><small>Source: <a href="http://en.wikipedia.org/wiki/Apollo_11">Wikipedia.org</a></small></p>
+	</textarea>
+
+	<h2>Inline Sample</h2>
+
+	<div id="editor2" contenteditable="true" class="editable">
+		<h2>Apollo 11</h2>
+
+		<figure class="image" style="float: right">
+			<img alt="Saturn V" src="assets/image1.jpg" width="200" />
+			<figcaption>Roll out of Saturn V on launch pad</figcaption>
+		</figure>
+
+		<p><strong>Apollo 11</strong> was the spaceflight that landed the first humans, Americans <a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.</p>
+
+		<p>Armstrong spent about <s>three and a half</s> two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5&nbsp;kg) of lunar material for return to Earth. A third member of the mission, <a href="http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)" title="Michael Collins (astronaut)">Michael Collins</a>, piloted the <a href="http://en.wikipedia.org/wiki/Apollo_Command/Service_Module" title="Apollo Command/Service Module">command</a> spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.</p>
+
+		<h2>Broadcasting and <em>quotes</em> <a id="quotes" name="quotes"></a></h2>
+
+		<p>Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:</p>
+
+		<blockquote>
+		<p>One small step for [a] man, one giant leap for mankind.</p>
+		</blockquote>
+
+		<p>Apollo 11 effectively ended the <a href="http://en.wikipedia.org/wiki/Space_Race" title="Space Race">Space Race</a> and fulfilled a national goal proposed in 1961 by the late U.S. President <a href="http://en.wikipedia.org/wiki/John_F._Kennedy" title="John F. Kennedy">John F. Kennedy</a> in a speech before the United States Congress:</p>
+
+		<blockquote>
+		<p>[...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.</p>
+		</blockquote>
+
+		<figure class="image" style="float: right">
+			<img alt="The Eagle" src="assets/image2.jpg" style="width: 200px" />
+			<figcaption>The Eagle in lunar orbit</figcaption>
+		</figure>
+
+		<h2>Technical details <a id="tech-details" name="tech-details"></a></h2>
+
+		<p>Launched by a <strong>Saturn V</strong> rocket from <a href="http://en.wikipedia.org/wiki/Kennedy_Space_Center" title="Kennedy Space Center">Kennedy Space Center</a> in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of <a href="http://en.wikipedia.org/wiki/NASA" title="NASA">NASA</a>&#39;s Apollo program. The Apollo spacecraft had three parts:</p>
+
+		<ol>
+			<li><strong>Command Module</strong> with a cabin for the three astronauts which was the only part which landed back on Earth</li>
+			<li><strong>Service Module</strong> which supported the Command Module with propulsion, electrical power, oxygen and water</li>
+			<li><strong>Lunar Module</strong> for landing on the Moon.</li>
+		</ol>
+
+		<p>After being sent to the Moon by the Saturn V&#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the <a href="http://en.wikipedia.org/wiki/Mare_Tranquillitatis" title="Mare Tranquillitatis">Sea of Tranquility</a>. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the <a href="http://en.wikipedia.org/wiki/Pacific_Ocean" title="Pacific Ocean">Pacific Ocean</a> on July 24.</p>
+
+		<p style="text-align:center">
+			<img alt="Saturn V" src="assets/image1.jpg" width="200" />
+		</p>
+
+		<hr />
+		<p style="text-align:right"><small>Source: <a href="http://en.wikipedia.org/wiki/Apollo_11">Wikipedia.org</a></small></p>
+	</div>
+
+	<h2>Div Editing Area Sample</h2>
+
+	<textarea id="editor3" cols="10" rows="10">
+		<h1>Apollo 11</h1>
+
+		<figure class="caption" style="float: right">
+			<img alt="Saturn V" src="assets/image1.jpg" width="200" />
+			<figcaption>Roll out of Saturn V on launch pad</figcaption>
+		</figure>
+
+		<p><strong>Apollo 11</strong> was the spaceflight that landed the first humans, Americans <a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.</p>
+
+		<p>Armstrong spent about <s>three and a half</s> two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5&nbsp;kg) of lunar material for return to Earth. A third member of the mission, <a href="http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)" title="Michael Collins (astronaut)">Michael Collins</a>, piloted the <a href="http://en.wikipedia.org/wiki/Apollo_Command/Service_Module" title="Apollo Command/Service Module">command</a> spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.</p>
+
+		<h2>Broadcasting and <em>quotes</em> <a id="quotes" name="quotes"></a></h2>
+
+		<p>Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:</p>
+
+		<blockquote>
+		<p>One small step for [a] man, one giant leap for mankind.</p>
+		</blockquote>
+
+		<p>Apollo 11 effectively ended the <a href="http://en.wikipedia.org/wiki/Space_Race" title="Space Race">Space Race</a> and fulfilled a national goal proposed in 1961 by the late U.S. President <a href="http://en.wikipedia.org/wiki/John_F._Kennedy" title="John F. Kennedy">John F. Kennedy</a> in a speech before the United States Congress:</p>
+
+		<blockquote>
+		<p>[...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.</p>
+		</blockquote>
+
+		<figure class="caption" style="float: right">
+			<img alt="The Eagle" src="assets/image2.jpg" style="width: 200px" />
+			<figcaption>The Eagle in lunar orbit</figcaption>
+		</figure>
+
+		<h2>Technical Details <a id="tech-details" name="tech-details"></a></h2>
+
+		<p>Launched by a <strong>Saturn V</strong> rocket from <a href="http://en.wikipedia.org/wiki/Kennedy_Space_Center" title="Kennedy Space Center">Kennedy Space Center</a> in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of <a href="http://en.wikipedia.org/wiki/NASA" title="NASA">NASA</a>&#39;s Apollo program. The Apollo spacecraft had three parts:</p>
+
+		<ol>
+			<li><strong>Command Module</strong> with a cabin for the three astronauts which was the only part which landed back on Earth</li>
+			<li><strong>Service Module</strong> which supported the Command Module with propulsion, electrical power, oxygen and water</li>
+			<li><strong>Lunar Module</strong> for landing on the Moon.</li>
+		</ol>
+
+		<p>After being sent to the Moon by the Saturn V&#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the <a href="http://en.wikipedia.org/wiki/Mare_Tranquillitatis" title="Mare Tranquillitatis">Sea of Tranquility</a>. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the <a href="http://en.wikipedia.org/wiki/Pacific_Ocean" title="Pacific Ocean">Pacific Ocean</a> on July 24.</p>
+
+		<p style="text-align:center">
+			<img alt="Saturn V" src="assets/image1.jpg" width="200" />
+		</p>
+
+		<hr />
+		<p style="text-align:right"><small>Source: <a href="http://en.wikipedia.org/wiki/Apollo_11">Wikipedia.org</a></small></p>
+	</textarea>
+
+	<h2>alignClasses samples</h2>
+
+	<textarea id="editor4" cols="10" rows="10">
+		<h1>Apollo 11</h1>
+
+		<figure class="align-left image">
+			<img alt="Saturn V" src="assets/image1.jpg" width="200" data-foo="*********" data-bar="@@@@@@@@" />
+			<figcaption>Roll out of Saturn V on launch pad</figcaption>
+		</figure>
+
+		<p><strong>Apollo 11</strong> was the spaceflight that landed the first humans, Americans <a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.</p>
+
+		<blockquote>
+		<p>[...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.</p>
+		</blockquote>
+
+		<figure class="align-right image">
+			<img alt="The Eagle" src="assets/image2.jpg" style="width: 200px" />
+			<figcaption>The Eagle in lunar orbit</figcaption>
+		</figure>
+
+		<h2>Technical details <a id="tech-details" name="tech-details"></a></h2>
+
+		<p>Launched by a <strong>Saturn V</strong> rocket from <a href="http://en.wikipedia.org/wiki/Kennedy_Space_Center" title="Kennedy Space Center">Kennedy Space Center</a> in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of <a href="http://en.wikipedia.org/wiki/NASA" title="NASA">NASA</a>&#39;s Apollo program. The Apollo spacecraft had three parts:</p>
+
+		<ol>
+			<li><strong>Command Module</strong> with a cabin for the three astronauts which was the only part which landed back on Earth</li>
+			<li><strong>Service Module</strong> which supported the Command Module with propulsion, electrical power, oxygen and water</li>
+			<li><strong>Lunar Module</strong> for landing on the Moon.</li>
+		</ol>
+
+		<p>After being sent to the Moon by the Saturn V&#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the <a href="http://en.wikipedia.org/wiki/Mare_Tranquillitatis" title="Mare Tranquillitatis">Sea of Tranquility</a>. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the <a href="http://en.wikipedia.org/wiki/Pacific_Ocean" title="Pacific Ocean">Pacific Ocean</a> on July 24.</p>
+
+		<p class="align-center">
+			<img alt="Saturn V" src="assets/image1.jpg" width="200" />
+		</p>
+
+		<hr />
+		<p style="text-align:right"><small>Source: <a href="http://en.wikipedia.org/wiki/Apollo_11">Wikipedia.org</a></small></p>
+	</textarea>
+
+	<p>
+		<input id="readOnlyOn" onclick="toggleReadOnly( true );" type="button" value="Make it read-only" style="display:none">
+		<input id="readOnlyOff" onclick="toggleReadOnly( false );" type="button" value="Make it editable again" style="display:none">
+	</p>
+
+	<script>
+
+		CKEDITOR.disableAutoInline = true;
+
+		CKEDITOR.replace( 'editor1', {
+			extraPlugins: 'image2',
+			height: 600,
+			contentsCss: [ '../../../contents.css', 'contents.css' ],
+			extraAllowedContent: 'img[data-foo,data-bar]',
+
+			filebrowserBrowseUrl: '/ckfinder/ckfinder.html',
+			filebrowserImageBrowseUrl: '/ckfinder/ckfinder.html?Type=Images',
+			filebrowserUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
+			filebrowserImageUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
+		} );
+
+		CKEDITOR.inline( 'editor2', {
+			extraPlugins: 'image2,sourcedialog'
+		} );
+
+		CKEDITOR.replace( 'editor3', {
+			extraPlugins: 'image2,divarea',
+			height: 600
+		} );
+
+		CKEDITOR.replace( 'editor4', {
+			extraPlugins: 'image2',
+			image2_alignClasses: [ 'align-left', 'align-center', 'align-right' ],
+			contentsCss: [ '../../../contents.css', 'contents.css' ],
+			height: 600
+		} );
+
+		CKCONSOLE.create( 'widget', { editor: 'editor1' } );
+		CKCONSOLE.create( 'focus', { editor: 'editor1' } );
+		CKCONSOLE.create( 'widget', { editor: 'editor2', folded: true } );
+		CKCONSOLE.create( 'focus', { editor: 'editor2', folded: true } );
+		CKCONSOLE.create( 'widget', { editor: 'editor3' } );
+		CKCONSOLE.create( 'focus', { editor: 'editor3' } );
+		CKCONSOLE.create( 'widget', { editor: 'editor4' } );
+		CKCONSOLE.create( 'focus', { editor: 'editor4' } );
+
+	</script>
+
+	<div id="footer">
+		<hr>
+		<p>
+			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
+		</p>
+		<p id="copy">
+			Copyright &copy; 2003-2017, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+
+/**
+ * @fileOverview Image plugin based on Widgets API
+ */
+
+'use strict';
+
+CKEDITOR.dialog.add( 'image2', function( editor ) {
+
+	// RegExp: 123, 123px, empty string ""
+	var regexGetSizeOrEmpty = /(^\s*(\d+)(px)?\s*$)|^$/i,
+
+		lockButtonId = CKEDITOR.tools.getNextId(),
+		resetButtonId = CKEDITOR.tools.getNextId(),
+
+		lang = editor.lang.image2,
+		commonLang = editor.lang.common,
+
+		lockResetStyle = 'margin-top:18px;width:40px;height:20px;',
+		lockResetHtml = new CKEDITOR.template(
+			'<div>' +
+				'<a href="javascript:void(0)" tabindex="-1" title="' + lang.lockRatio + '" class="cke_btn_locked" id="{lockButtonId}" role="checkbox">' +
+					'<span class="cke_icon"></span>' +
+					'<span class="cke_label">' + lang.lockRatio + '</span>' +
+				'</a>' +
+
+				'<a href="javascript:void(0)" tabindex="-1" title="' + lang.resetSize + '" class="cke_btn_reset" id="{resetButtonId}" role="button">' +
+					'<span class="cke_label">' + lang.resetSize + '</span>' +
+				'</a>' +
+			'</div>' ).output( {
+				lockButtonId: lockButtonId,
+				resetButtonId: resetButtonId
+			} ),
+
+		helpers = CKEDITOR.plugins.image2,
+
+		// Editor instance configuration.
+		config = editor.config,
+
+		hasFileBrowser = !!( config.filebrowserImageBrowseUrl || config.filebrowserBrowseUrl ),
+
+		// Content restrictions defined by the widget which
+		// impact on dialog structure and presence of fields.
+		features = editor.widgets.registered.image.features,
+
+		// Functions inherited from image2 plugin.
+		getNatural = helpers.getNatural,
+
+		// Global variables referring to the dialog's context.
+		doc, widget, image,
+
+		// Global variable referring to this dialog's image pre-loader.
+		preLoader,
+
+		// Global variables holding the original size of the image.
+		domWidth, domHeight,
+
+		// Global variables related to image pre-loading.
+		preLoadedWidth, preLoadedHeight, srcChanged,
+
+		// Global variables related to size locking.
+		lockRatio, userDefinedLock,
+
+		// Global variables referring to dialog fields and elements.
+		lockButton, resetButton, widthField, heightField,
+
+		natural;
+
+	// Validates dimension. Allowed values are:
+	// "123px", "123", "" (empty string)
+	function validateDimension() {
+		var match = this.getValue().match( regexGetSizeOrEmpty ),
+			isValid = !!( match && parseInt( match[ 1 ], 10 ) !== 0 );
+
+		if ( !isValid )
+			alert( commonLang[ 'invalid' + CKEDITOR.tools.capitalize( this.id ) ] ); // jshint ignore:line
+
+		return isValid;
+	}
+
+	// Creates a function that pre-loads images. The callback function passes
+	// [image, width, height] or null if loading failed.
+	//
+	// @returns {Function}
+	function createPreLoader() {
+		var image = doc.createElement( 'img' ),
+			listeners = [];
+
+		function addListener( event, callback ) {
+			listeners.push( image.once( event, function( evt ) {
+				removeListeners();
+				callback( evt );
+			} ) );
+		}
+
+		function removeListeners() {
+			var l;
+
+			while ( ( l = listeners.pop() ) )
+				l.removeListener();
+		}
+
+		// @param {String} src.
+		// @param {Function} callback.
+		return function( src, callback, scope ) {
+			addListener( 'load', function() {
+				// Don't use image.$.(width|height) since it's buggy in IE9-10 (http://dev.ckeditor.com/ticket/11159)
+				var dimensions = getNatural( image );
+
+				callback.call( scope, image, dimensions.width, dimensions.height );
+			} );
+
+			addListener( 'error', function() {
+				callback( null );
+			} );
+
+			addListener( 'abort', function() {
+				callback( null );
+			} );
+
+			image.setAttribute( 'src',
+				( config.baseHref || '' ) + src + '?' + Math.random().toString( 16 ).substring( 2 ) );
+		};
+	}
+
+	// This function updates width and height fields once the
+	// "src" field is altered. Along with dimensions, also the
+	// dimensions lock is adjusted.
+	function onChangeSrc() {
+		var value = this.getValue();
+
+		toggleDimensions( false );
+
+		// Remember that src is different than default.
+		if ( value !== widget.data.src ) {
+			// Update dimensions of the image once it's preloaded.
+			preLoader( value, function( image, width, height ) {
+				// Re-enable width and height fields.
+				toggleDimensions( true );
+
+				// There was problem loading the image. Unlock ratio.
+				if ( !image )
+					return toggleLockRatio( false );
+
+				// Fill width field with the width of the new image.
+				widthField.setValue( editor.config.image2_prefillDimensions === false ? 0 : width );
+
+				// Fill height field with the height of the new image.
+				heightField.setValue( editor.config.image2_prefillDimensions === false ? 0 : height );
+
+				// Cache the new width.
+				preLoadedWidth = width;
+
+				// Cache the new height.
+				preLoadedHeight = height;
+
+				// Check for new lock value if image exist.
+				toggleLockRatio( helpers.checkHasNaturalRatio( image ) );
+			} );
+
+			srcChanged = true;
+		}
+
+		// Value is the same as in widget data but is was
+		// modified back in time. Roll back dimensions when restoring
+		// default src.
+		else if ( srcChanged ) {
+			// Re-enable width and height fields.
+			toggleDimensions( true );
+
+			// Restore width field with cached width.
+			widthField.setValue( domWidth );
+
+			// Restore height field with cached height.
+			heightField.setValue( domHeight );
+
+			// Src equals default one back again.
+			srcChanged = false;
+		}
+
+		// Value is the same as in widget data and it hadn't
+		// been modified.
+		else {
+			// Re-enable width and height fields.
+			toggleDimensions( true );
+		}
+	}
+
+	function onChangeDimension() {
+		// If ratio is un-locked, then we don't care what's next.
+		if ( !lockRatio )
+			return;
+
+		var value = this.getValue();
+
+		// No reason to auto-scale or unlock if the field is empty.
+		if ( !value )
+			return;
+
+		// If the value of the field is invalid (e.g. with %), unlock ratio.
+		if ( !value.match( regexGetSizeOrEmpty ) )
+			toggleLockRatio( false );
+
+		// No automatic re-scale when dimension is '0'.
+		if ( value === '0' )
+			return;
+
+		var isWidth = this.id == 'width',
+			// If dialog opened for the new image, domWidth and domHeight
+			// will be empty. Use dimensions from pre-loader in such case instead.
+			width = domWidth || preLoadedWidth,
+			height = domHeight || preLoadedHeight;
+
+		// If changing width, then auto-scale height.
+		if ( isWidth )
+			value = Math.round( height * ( value / width ) );
+
+		// If changing height, then auto-scale width.
+		else
+			value = Math.round( width * ( value / height ) );
+
+		// If the value is a number, apply it to the other field.
+		if ( !isNaN( value ) )
+			( isWidth ? heightField : widthField ).setValue( value );
+	}
+
+	// Set-up function for lock and reset buttons:
+	// 	* Adds lock and reset buttons to focusables. Check if button exist first
+	// 	  because it may be disabled e.g. due to ACF restrictions.
+	// 	* Register mouseover and mouseout event listeners for UI manipulations.
+	// 	* Register click event listeners for buttons.
+	function onLoadLockReset() {
+		var dialog = this.getDialog();
+
+		function setupMouseClasses( el ) {
+			el.on( 'mouseover', function() {
+				this.addClass( 'cke_btn_over' );
+			}, el );
+
+			el.on( 'mouseout', function() {
+				this.removeClass( 'cke_btn_over' );
+			}, el );
+		}
+
+		// Create references to lock and reset buttons for this dialog instance.
+		lockButton = doc.getById( lockButtonId );
+		resetButton = doc.getById( resetButtonId );
+
+		// Activate (Un)LockRatio button
+		if ( lockButton ) {
+			// Consider that there's an additional focusable field
+			// in the dialog when the "browse" button is visible.
+			dialog.addFocusable( lockButton, 4 + hasFileBrowser );
+
+			lockButton.on( 'click', function( evt ) {
+				toggleLockRatio();
+				evt.data && evt.data.preventDefault();
+			}, this.getDialog() );
+
+			setupMouseClasses( lockButton );
+		}
+
+		// Activate the reset size button.
+		if ( resetButton ) {
+			// Consider that there's an additional focusable field
+			// in the dialog when the "browse" button is visible.
+			dialog.addFocusable( resetButton, 5 + hasFileBrowser );
+
+			// Fills width and height fields with the original dimensions of the
+			// image (stored in widget#data since widget#init).
+			resetButton.on( 'click', function( evt ) {
+				// If there's a new image loaded, reset button should revert
+				// cached dimensions of pre-loaded DOM element.
+				if ( srcChanged ) {
+					widthField.setValue( preLoadedWidth );
+					heightField.setValue( preLoadedHeight );
+				}
+
+				// If the old image remains, reset button should revert
+				// dimensions as loaded when the dialog was first shown.
+				else {
+					widthField.setValue( domWidth );
+					heightField.setValue( domHeight );
+				}
+
+				evt.data && evt.data.preventDefault();
+			}, this );
+
+			setupMouseClasses( resetButton );
+		}
+	}
+
+	function toggleLockRatio( enable ) {
+		// No locking if there's no radio (i.e. due to ACF).
+		if ( !lockButton )
+			return;
+
+		if ( typeof enable == 'boolean' ) {
+			// If user explicitly wants to decide whether
+			// to lock or not, don't do anything.
+			if ( userDefinedLock )
+				return;
+
+			lockRatio = enable;
+		}
+
+		// Undefined. User changed lock value.
+		else {
+			var width = widthField.getValue(),
+				height;
+
+			userDefinedLock = true;
+			lockRatio = !lockRatio;
+
+			// Automatically adjust height to width to match
+			// the original ratio (based on dom- dimensions).
+			if ( lockRatio && width ) {
+				height = domHeight / domWidth * width;
+
+				if ( !isNaN( height ) )
+					heightField.setValue( Math.round( height ) );
+			}
+		}
+
+		lockButton[ lockRatio ? 'removeClass' : 'addClass' ]( 'cke_btn_unlocked' );
+		lockButton.setAttribute( 'aria-checked', lockRatio );
+
+		// Ratio button hc presentation - WHITE SQUARE / BLACK SQUARE
+		if ( CKEDITOR.env.hc ) {
+			var icon = lockButton.getChild( 0 );
+			icon.setHtml( lockRatio ? CKEDITOR.env.ie ? '\u25A0' : '\u25A3' : CKEDITOR.env.ie ? '\u25A1' : '\u25A2' );
+		}
+	}
+
+	function toggleDimensions( enable ) {
+		var method = enable ? 'enable' : 'disable';
+
+		widthField[ method ]();
+		heightField[ method ]();
+	}
+
+	var srcBoxChildren = [
+			{
+				id: 'src',
+				type: 'text',
+				label: commonLang.url,
+				onKeyup: onChangeSrc,
+				onChange: onChangeSrc,
+				setup: function( widget ) {
+					this.setValue( widget.data.src );
+				},
+				commit: function( widget ) {
+					widget.setData( 'src', this.getValue() );
+				},
+				validate: CKEDITOR.dialog.validate.notEmpty( lang.urlMissing )
+			}
+		];
+
+	// Render the "Browse" button on demand to avoid an "empty" (hidden child)
+	// space in dialog layout that distorts the UI.
+	if ( hasFileBrowser ) {
+		srcBoxChildren.push( {
+			type: 'button',
+			id: 'browse',
+			// v-align with the 'txtUrl' field.
+			// TODO: We need something better than a fixed size here.
+			style: 'display:inline-block;margin-top:14px;',
+			align: 'center',
+			label: editor.lang.common.browseServer,
+			hidden: true,
+			filebrowser: 'info:src'
+		} );
+	}
+
+	return {
+		title: lang.title,
+		minWidth: 250,
+		minHeight: 100,
+		onLoad: function() {
+			// Create a "global" reference to the document for this dialog instance.
+			doc = this._.element.getDocument();
+
+			// Create a pre-loader used for determining dimensions of new images.
+			preLoader = createPreLoader();
+		},
+		onShow: function() {
+			// Create a "global" reference to edited widget.
+			widget = this.widget;
+
+			// Create a "global" reference to widget's image.
+			image = widget.parts.image;
+
+			// Reset global variables.
+			srcChanged = userDefinedLock = lockRatio = false;
+
+			// Natural dimensions of the image.
+			natural = getNatural( image );
+
+			// Get the natural width of the image.
+			preLoadedWidth = domWidth = natural.width;
+
+			// Get the natural height of the image.
+			preLoadedHeight = domHeight = natural.height;
+		},
+		contents: [
+			{
+				id: 'info',
+				label: lang.infoTab,
+				elements: [
+					{
+						type: 'vbox',
+						padding: 0,
+						children: [
+							{
+								type: 'hbox',
+								widths: [ '100%' ],
+								className: 'cke_dialog_image_url',
+								children: srcBoxChildren
+							}
+						]
+					},
+					{
+						id: 'alt',
+						type: 'text',
+						label: lang.alt,
+						setup: function( widget ) {
+							this.setValue( widget.data.alt );
+						},
+						commit: function( widget ) {
+							widget.setData( 'alt', this.getValue() );
+						},
+						validate: editor.config.image2_altRequired === true ? CKEDITOR.dialog.validate.notEmpty( lang.altMissing ) : null
+					},
+					{
+						type: 'hbox',
+						widths: [ '25%', '25%', '50%' ],
+						requiredContent: features.dimension.requiredContent,
+						children: [
+							{
+								type: 'text',
+								width: '45px',
+								id: 'width',
+								label: commonLang.width,
+								validate: validateDimension,
+								onKeyUp: onChangeDimension,
+								onLoad: function() {
+									widthField = this;
+								},
+								setup: function( widget ) {
+									this.setValue( widget.data.width );
+								},
+								commit: function( widget ) {
+									widget.setData( 'width', this.getValue() );
+								}
+							},
+							{
+								type: 'text',
+								id: 'height',
+								width: '45px',
+								label: commonLang.height,
+								validate: validateDimension,
+								onKeyUp: onChangeDimension,
+								onLoad: function() {
+									heightField = this;
+								},
+								setup: function( widget ) {
+									this.setValue( widget.data.height );
+								},
+								commit: function( widget ) {
+									widget.setData( 'height', this.getValue() );
+								}
+							},
+							{
+								id: 'lock',
+								type: 'html',
+								style: lockResetStyle,
+								onLoad: onLoadLockReset,
+								setup: function( widget ) {
+									toggleLockRatio( widget.data.lock );
+								},
+								commit: function( widget ) {
+									widget.setData( 'lock', lockRatio );
+								},
+								html: lockResetHtml
+							}
+						]
+					},
+					{
+						type: 'hbox',
+						id: 'alignment',
+						requiredContent: features.align.requiredContent,
+						children: [
+							{
+								id: 'align',
+								type: 'radio',
+								items: [
+									[ commonLang.alignNone, 'none' ],
+									[ commonLang.alignLeft, 'left' ],
+									[ commonLang.alignCenter, 'center' ],
+									[ commonLang.alignRight, 'right' ]
+								],
+								label: commonLang.align,
+								setup: function( widget ) {
+									this.setValue( widget.data.align );
+								},
+								commit: function( widget ) {
+									widget.setData( 'align', this.getValue() );
+								}
+							}
+						]
+					},
+					{
+						id: 'hasCaption',
+						type: 'checkbox',
+						label: lang.captioned,
+						requiredContent: features.caption.requiredContent,
+						setup: function( widget ) {
+							this.setValue( widget.data.hasCaption );
+						},
+						commit: function( widget ) {
+							widget.setData( 'hasCaption', this.getValue() );
+						}
+					}
+				]
+			},
+			{
+				id: 'Upload',
+				hidden: true,
+				filebrowser: 'uploadButton',
+				label: lang.uploadTab,
+				elements: [
+					{
+						type: 'file',
+						id: 'upload',
+						label: lang.btnUpload,
+						style: 'height:40px'
+					},
+					{
+						type: 'fileButton',
+						id: 'uploadButton',
+						filebrowser: 'info:src',
+						label: lang.btnUpload,
+						'for': [ 'Upload', 'upload' ]
+					}
+				]
+			}
+		]
+	};
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+
+/**
+ * @fileOverview Image plugin based on Widgets API
+ */
+
+'use strict';
+
+CKEDITOR.dialog.add( 'image2', function( editor ) {
+
+	// RegExp: 123, 123px, empty string ""
+	var regexGetSizeOrEmpty = /(^\s*(\d+)(px)?\s*$)|^$/i,
+
+		lockButtonId = CKEDITOR.tools.getNextId(),
+		resetButtonId = CKEDITOR.tools.getNextId(),
+
+		lang = editor.lang.image2,
+		commonLang = editor.lang.common,
+
+		lockResetStyle = 'margin-top:18px;width:40px;height:20px;',
+		lockResetHtml = new CKEDITOR.template(
+			'<div>' +
+				'<a href="javascript:void(0)" tabindex="-1" title="' + lang.lockRatio + '" class="cke_btn_locked" id="{lockButtonId}" role="checkbox">' +
+					'<span class="cke_icon"></span>' +
+					'<span class="cke_label">' + lang.lockRatio + '</span>' +
+				'</a>' +
+
+				'<a href="javascript:void(0)" tabindex="-1" title="' + lang.resetSize + '" class="cke_btn_reset" id="{resetButtonId}" role="button">' +
+					'<span class="cke_label">' + lang.resetSize + '</span>' +
+				'</a>' +
+			'</div>' ).output( {
+				lockButtonId: lockButtonId,
+				resetButtonId: resetButtonId
+			} ),
+
+		helpers = CKEDITOR.plugins.image2,
+
+		// Editor instance configuration.
+		config = editor.config,
+
+		hasFileBrowser = !!( config.filebrowserImageBrowseUrl || config.filebrowserBrowseUrl ),
+
+		// Content restrictions defined by the widget which
+		// impact on dialog structure and presence of fields.
+		features = editor.widgets.registered.image.features,
+
+		// Functions inherited from image2 plugin.
+		getNatural = helpers.getNatural,
+
+		// Global variables referring to the dialog's context.
+		doc, widget, image,
+
+		// Global variable referring to this dialog's image pre-loader.
+		preLoader,
+
+		// Global variables holding the original size of the image.
+		domWidth, domHeight,
+
+		// Global variables related to image pre-loading.
+		preLoadedWidth, preLoadedHeight, srcChanged,
+
+		// Global variables related to size locking.
+		lockRatio, userDefinedLock,
+
+		// Global variables referring to dialog fields and elements.
+		lockButton, resetButton, widthField, heightField,
+
+		natural;
+
+	// Validates dimension. Allowed values are:
+	// "123px", "123", "" (empty string)
+	function validateDimension() {
+		var match = this.getValue().match( regexGetSizeOrEmpty ),
+			isValid = !!( match && parseInt( match[ 1 ], 10 ) !== 0 );
+
+		if ( !isValid )
+			alert( commonLang[ 'invalid' + CKEDITOR.tools.capitalize( this.id ) ] ); // jshint ignore:line
+
+		return isValid;
+	}
+
+	// Creates a function that pre-loads images. The callback function passes
+	// [image, width, height] or null if loading failed.
+	//
+	// @returns {Function}
+	function createPreLoader() {
+		var image = doc.createElement( 'img' ),
+			listeners = [];
+
+		function addListener( event, callback ) {
+			listeners.push( image.once( event, function( evt ) {
+				removeListeners();
+				callback( evt );
+			} ) );
+		}
+
+		function removeListeners() {
+			var l;
+
+			while ( ( l = listeners.pop() ) )
+				l.removeListener();
+		}
+
+		// @param {String} src.
+		// @param {Function} callback.
+		return function( src, callback, scope ) {
+			addListener( 'load', function() {
+				// Don't use image.$.(width|height) since it's buggy in IE9-10 (http://dev.ckeditor.com/ticket/11159)
+				var dimensions = getNatural( image );
+
+				callback.call( scope, image, dimensions.width, dimensions.height );
+			} );
+
+			addListener( 'error', function() {
+				callback( null );
+			} );
+
+			addListener( 'abort', function() {
+				callback( null );
+			} );
+
+			image.setAttribute( 'src',
+				( config.baseHref || '' ) + src + '?' + Math.random().toString( 16 ).substring( 2 ) );
+		};
+	}
+
+	// This function updates width and height fields once the
+	// "src" field is altered. Along with dimensions, also the
+	// dimensions lock is adjusted.
+	function onChangeSrc() {
+		var value = this.getValue();
+
+		toggleDimensions( false );
+
+		// Remember that src is different than default.
+		if ( value !== widget.data.src ) {
+			// Update dimensions of the image once it's preloaded.
+			preLoader( value, function( image, width, height ) {
+				// Re-enable width and height fields.
+				toggleDimensions( true );
+
+				// There was problem loading the image. Unlock ratio.
+				if ( !image )
+					return toggleLockRatio( false );
+
+				// Fill width field with the width of the new image.
+				widthField.setValue( editor.config.image2_prefillDimensions === false ? 0 : width );
+
+				// Fill height field with the height of the new image.
+				heightField.setValue( editor.config.image2_prefillDimensions === false ? 0 : height );
+
+				// Cache the new width.
+				preLoadedWidth = width;
+
+				// Cache the new height.
+				preLoadedHeight = height;
+
+				// Check for new lock value if image exist.
+				toggleLockRatio( helpers.checkHasNaturalRatio( image ) );
+			} );
+
+			srcChanged = true;
+		}
+
+		// Value is the same as in widget data but is was
+		// modified back in time. Roll back dimensions when restoring
+		// default src.
+		else if ( srcChanged ) {
+			// Re-enable width and height fields.
+			toggleDimensions( true );
+
+			// Restore width field with cached width.
+			widthField.setValue( domWidth );
+
+			// Restore height field with cached height.
+			heightField.setValue( domHeight );
+
+			// Src equals default one back again.
+			srcChanged = false;
+		}
+
+		// Value is the same as in widget data and it hadn't
+		// been modified.
+		else {
+			// Re-enable width and height fields.
+			toggleDimensions( true );
+		}
+	}
+
+	function onChangeDimension() {
+		// If ratio is un-locked, then we don't care what's next.
+		if ( !lockRatio )
+			return;
+
+		var value = this.getValue();
+
+		// No reason to auto-scale or unlock if the field is empty.
+		if ( !value )
+			return;
+
+		// If the value of the field is invalid (e.g. with %), unlock ratio.
+		if ( !value.match( regexGetSizeOrEmpty ) )
+			toggleLockRatio( false );
+
+		// No automatic re-scale when dimension is '0'.
+		if ( value === '0' )
+			return;
+
+		var isWidth = this.id == 'width',
+			// If dialog opened for the new image, domWidth and domHeight
+			// will be empty. Use dimensions from pre-loader in such case instead.
+			width = domWidth || preLoadedWidth,
+			height = domHeight || preLoadedHeight;
+
+		// If changing width, then auto-scale height.
+		if ( isWidth )
+			value = Math.round( height * ( value / width ) );
+
+		// If changing height, then auto-scale width.
+		else
+			value = Math.round( width * ( value / height ) );
+
+		// If the value is a number, apply it to the other field.
+		if ( !isNaN( value ) )
+			( isWidth ? heightField : widthField ).setValue( value );
+	}
+
+	// Set-up function for lock and reset buttons:
+	// 	* Adds lock and reset buttons to focusables. Check if button exist first
+	// 	  because it may be disabled e.g. due to ACF restrictions.
+	// 	* Register mouseover and mouseout event listeners for UI manipulations.
+	// 	* Register click event listeners for buttons.
+	function onLoadLockReset() {
+		var dialog = this.getDialog();
+
+		function setupMouseClasses( el ) {
+			el.on( 'mouseover', function() {
+				this.addClass( 'cke_btn_over' );
+			}, el );
+
+			el.on( 'mouseout', function() {
+				this.removeClass( 'cke_btn_over' );
+			}, el );
+		}
+
+		// Create references to lock and reset buttons for this dialog instance.
+		lockButton = doc.getById( lockButtonId );
+		resetButton = doc.getById( resetButtonId );
+
+		// Activate (Un)LockRatio button
+		if ( lockButton ) {
+			// Consider that there's an additional focusable field
+			// in the dialog when the "browse" button is visible.
+			dialog.addFocusable( lockButton, 4 + hasFileBrowser );
+
+			lockButton.on( 'click', function( evt ) {
+				toggleLockRatio();
+				evt.data && evt.data.preventDefault();
+			}, this.getDialog() );
+
+			setupMouseClasses( lockButton );
+		}
+
+		// Activate the reset size button.
+		if ( resetButton ) {
+			// Consider that there's an additional focusable field
+			// in the dialog when the "browse" button is visible.
+			dialog.addFocusable( resetButton, 5 + hasFileBrowser );
+
+			// Fills width and height fields with the original dimensions of the
+			// image (stored in widget#data since widget#init).
+			resetButton.on( 'click', function( evt ) {
+				// If there's a new image loaded, reset button should revert
+				// cached dimensions of pre-loaded DOM element.
+				if ( srcChanged ) {
+					widthField.setValue( preLoadedWidth );
+					heightField.setValue( preLoadedHeight );
+				}
+
+				// If the old image remains, reset button should revert
+				// dimensions as loaded when the dialog was first shown.
+				else {
+					widthField.setValue( domWidth );
+					heightField.setValue( domHeight );
+				}
+
+				evt.data && evt.data.preventDefault();
+			}, this );
+
+			setupMouseClasses( resetButton );
+		}
+	}
+
+	function toggleLockRatio( enable ) {
+		// No locking if there's no radio (i.e. due to ACF).
+		if ( !lockButton )
+			return;
+
+		if ( typeof enable == 'boolean' ) {
+			// If user explicitly wants to decide whether
+			// to lock or not, don't do anything.
+			if ( userDefinedLock )
+				return;
+
+			lockRatio = enable;
+		}
+
+		// Undefined. User changed lock value.
+		else {
+			var width = widthField.getValue(),
+				height;
+
+			userDefinedLock = true;
+			lockRatio = !lockRatio;
+
+			// Automatically adjust height to width to match
+			// the original ratio (based on dom- dimensions).
+			if ( lockRatio && width ) {
+				height = domHeight / domWidth * width;
+
+				if ( !isNaN( height ) )
+					heightField.setValue( Math.round( height ) );
+			}
+		}
+
+		lockButton[ lockRatio ? 'removeClass' : 'addClass' ]( 'cke_btn_unlocked' );
+		lockButton.setAttribute( 'aria-checked', lockRatio );
+
+		// Ratio button hc presentation - WHITE SQUARE / BLACK SQUARE
+		if ( CKEDITOR.env.hc ) {
+			var icon = lockButton.getChild( 0 );
+			icon.setHtml( lockRatio ? CKEDITOR.env.ie ? '\u25A0' : '\u25A3' : CKEDITOR.env.ie ? '\u25A1' : '\u25A2' );
+		}
+	}
+
+	function toggleDimensions( enable ) {
+		var method = enable ? 'enable' : 'disable';
+
+		widthField[ method ]();
+		heightField[ method ]();
+	}
+
+	var srcBoxChildren = [
+			{
+				id: 'src',
+				type: 'text',
+				label: commonLang.url,
+				onKeyup: onChangeSrc,
+				onChange: onChangeSrc,
+				setup: function( widget ) {
+					this.setValue( widget.data.src );
+				},
+				commit: function( widget ) {
+					widget.setData( 'src', this.getValue() );
+				},
+				validate: CKEDITOR.dialog.validate.notEmpty( lang.urlMissing )
+			}
+		];
+
+	// Render the "Browse" button on demand to avoid an "empty" (hidden child)
+	// space in dialog layout that distorts the UI.
+	if ( hasFileBrowser ) {
+		srcBoxChildren.push( {
+			type: 'button',
+			id: 'browse',
+			// v-align with the 'txtUrl' field.
+			// TODO: We need something better than a fixed size here.
+			style: 'display:inline-block;margin-top:14px;',
+			align: 'center',
+			label: editor.lang.common.browseServer,
+			hidden: true,
+			filebrowser: 'info:src'
+		} );
+	}
+
+	return {
+		title: lang.title,
+		minWidth: 250,
+		minHeight: 100,
+		onLoad: function() {
+			// Create a "global" reference to the document for this dialog instance.
+			doc = this._.element.getDocument();
+
+			// Create a pre-loader used for determining dimensions of new images.
+			preLoader = createPreLoader();
+		},
+		onShow: function() {
+			// Create a "global" reference to edited widget.
+			widget = this.widget;
+
+			// Create a "global" reference to widget's image.
+			image = widget.parts.image;
+
+			// Reset global variables.
+			srcChanged = userDefinedLock = lockRatio = false;
+
+			// Natural dimensions of the image.
+			natural = getNatural( image );
+
+			// Get the natural width of the image.
+			preLoadedWidth = domWidth = natural.width;
+
+			// Get the natural height of the image.
+			preLoadedHeight = domHeight = natural.height;
+		},
+		contents: [
+			{
+				id: 'info',
+				label: lang.infoTab,
+				elements: [
+					{
+						type: 'vbox',
+						padding: 0,
+						children: [
+							{
+								type: 'hbox',
+								widths: [ '100%' ],
+								className: 'cke_dialog_image_url',
+								children: srcBoxChildren
+							}
+						]
+					},
+					{
+						id: 'alt',
+						type: 'text',
+						label: lang.alt,
+						setup: function( widget ) {
+							this.setValue( widget.data.alt );
+						},
+						commit: function( widget ) {
+							widget.setData( 'alt', this.getValue() );
+						},
+						validate: editor.config.image2_altRequired === true ? CKEDITOR.dialog.validate.notEmpty( lang.altMissing ) : null
+					},
+					{
+						type: 'hbox',
+						widths: [ '25%', '25%', '50%' ],
+						requiredContent: features.dimension.requiredContent,
+						children: [
+							{
+								type: 'text',
+								width: '45px',
+								id: 'width',
+								label: commonLang.width,
+								validate: validateDimension,
+								onKeyUp: onChangeDimension,
+								onLoad: function() {
+									widthField = this;
+								},
+								setup: function( widget ) {
+									this.setValue( widget.data.width );
+								},
+								commit: function( widget ) {
+									widget.setData( 'width', this.getValue() );
+								}
+							},
+							{
+								type: 'text',
+								id: 'height',
+								width: '45px',
+								label: commonLang.height,
+								validate: validateDimension,
+								onKeyUp: onChangeDimension,
+								onLoad: function() {
+									heightField = this;
+								},
+								setup: function( widget ) {
+									this.setValue( widget.data.height );
+								},
+								commit: function( widget ) {
+									widget.setData( 'height', this.getValue() );
+								}
+							},
+							{
+								id: 'lock',
+								type: 'html',
+								style: lockResetStyle,
+								onLoad: onLoadLockReset,
+								setup: function( widget ) {
+									toggleLockRatio( widget.data.lock );
+								},
+								commit: function( widget ) {
+									widget.setData( 'lock', lockRatio );
+								},
+								html: lockResetHtml
+							}
+						]
+					},
+					{
+						type: 'hbox',
+						id: 'alignment',
+						requiredContent: features.align.requiredContent,
+						children: [
+							{
+								id: 'align',
+								type: 'radio',
+								items: [
+									[ commonLang.alignNone, 'none' ],
+									[ commonLang.alignLeft, 'left' ],
+									[ commonLang.alignCenter, 'center' ],
+									[ commonLang.alignRight, 'right' ]
+								],
+								label: commonLang.align,
+								setup: function( widget ) {
+									this.setValue( widget.data.align );
+								},
+								commit: function( widget ) {
+									widget.setData( 'align', this.getValue() );
+								}
+							}
+						]
+					},
+					{
+						id: 'hasCaption',
+						type: 'checkbox',
+						label: lang.captioned,
+						requiredContent: features.caption.requiredContent,
+						setup: function( widget ) {
+							this.setValue( widget.data.hasCaption );
+						},
+						commit: function( widget ) {
+							widget.setData( 'hasCaption', this.getValue() );
+						}
+					}
+				]
+			},
+			{
+				id: 'Upload',
+				hidden: true,
+				filebrowser: 'uploadButton',
+				label: lang.uploadTab,
+				elements: [
+					{
+						type: 'file',
+						id: 'upload',
+						label: lang.btnUpload,
+						style: 'height:40px'
+					},
+					{
+						type: 'fileButton',
+						id: 'uploadButton',
+						filebrowser: 'info:src',
+						label: lang.btnUpload,
+						'for': [ 'Upload', 'upload' ]
+					}
+				]
+			}
+		]
+	};
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'af', {
+	alt: 'Alternatiewe teks',
+	btnUpload: 'Stuur na bediener',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Afbeelding informasie',
+	lockRatio: 'Vaste proporsie',
+	menu: 'Afbeelding eienskappe',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Herstel grootte',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Afbeelding eienskappe',
+	uploadTab: 'Oplaai',
+	urlMissing: 'Die URL na die afbeelding ontbreek.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'af', {
+	alt: 'Alternatiewe teks',
+	btnUpload: 'Stuur na bediener',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Afbeelding informasie',
+	lockRatio: 'Vaste proporsie',
+	menu: 'Afbeelding eienskappe',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Herstel grootte',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Afbeelding eienskappe',
+	uploadTab: 'Oplaai',
+	urlMissing: 'Die URL na die afbeelding ontbreek.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ar', {
+	alt: 'عنوان الصورة',
+	btnUpload: 'أرسلها للخادم',
+	captioned: 'صورة ذات اسم',
+	captionPlaceholder: 'تسمية',
+	infoTab: 'معلومات الصورة',
+	lockRatio: 'تناسق الحجم',
+	menu: 'خصائص الصورة',
+	pathName: 'صورة',
+	pathNameCaption: 'تسمية',
+	resetSize: 'إستعادة الحجم الأصلي',
+	resizer: 'انقر ثم اسحب للتحجيم',
+	title: 'خصائص الصورة',
+	uploadTab: 'رفع',
+	urlMissing: 'عنوان مصدر الصورة مفقود',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ar', {
+	alt: 'عنوان الصورة',
+	btnUpload: 'أرسلها للخادم',
+	captioned: 'صورة ذات اسم',
+	captionPlaceholder: 'تسمية',
+	infoTab: 'معلومات الصورة',
+	lockRatio: 'تناسق الحجم',
+	menu: 'خصائص الصورة',
+	pathName: 'صورة',
+	pathNameCaption: 'تسمية',
+	resetSize: 'إستعادة الحجم الأصلي',
+	resizer: 'انقر ثم اسحب للتحجيم',
+	title: 'خصائص الصورة',
+	uploadTab: 'رفع',
+	urlMissing: 'عنوان مصدر الصورة مفقود',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'az', {
+	alt: 'Alternativ mətn',
+	btnUpload: 'Serverə göndər',
+	captioned: 'Altyazı olan şəkil',
+	captionPlaceholder: 'Altyazı',
+	infoTab: 'Şəkil haqqında məlumat',
+	lockRatio: 'Ölçülərin nisbəti saxla',
+	menu: 'Şəklin seçimləri',
+	pathName: 'Şəkil',
+	pathNameCaption: 'Altyazı',
+	resetSize: 'Ölçüləri qaytar',
+	resizer: 'Ölçülər dəyişmək üçün tıklayın və aparın',
+	title: 'Şəklin seçimləri',
+	uploadTab: 'Serverə yüklə',
+	urlMissing: 'Şəklin ünvanı yanlışdır.',
+	altMissing: 'Alternativ mətn tapılmayıb'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'az', {
+	alt: 'Alternativ mətn',
+	btnUpload: 'Serverə göndər',
+	captioned: 'Altyazı olan şəkil',
+	captionPlaceholder: 'Altyazı',
+	infoTab: 'Şəkil haqqında məlumat',
+	lockRatio: 'Ölçülərin nisbəti saxla',
+	menu: 'Şəklin seçimləri',
+	pathName: 'Şəkil',
+	pathNameCaption: 'Altyazı',
+	resetSize: 'Ölçüləri qaytar',
+	resizer: 'Ölçülər dəyişmək üçün tıklayın və aparın',
+	title: 'Şəklin seçimləri',
+	uploadTab: 'Serverə yüklə',
+	urlMissing: 'Şəklin ünvanı yanlışdır.',
+	altMissing: 'Alternativ mətn tapılmayıb'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'bg', {
+	alt: 'Алтернативен текст',
+	btnUpload: 'Изпрати я на сървъра',
+	captioned: 'Надписано изображение',
+	captionPlaceholder: 'Надпис',
+	infoTab: 'Детайли за изображението',
+	lockRatio: 'Заключване на съотношението',
+	menu: 'Настройки на изображението',
+	pathName: 'изображение',
+	pathNameCaption: 'надпис',
+	resetSize: 'Нулиране на размер',
+	resizer: 'Кликни и влачи, за да преоразмериш',
+	title: 'Настройки на изображението',
+	uploadTab: 'Качване',
+	urlMissing: 'URL адреса на изображението липсва.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'bg', {
+	alt: 'Алтернативен текст',
+	btnUpload: 'Изпрати я на сървъра',
+	captioned: 'Надписано изображение',
+	captionPlaceholder: 'Надпис',
+	infoTab: 'Детайли за изображението',
+	lockRatio: 'Заключване на съотношението',
+	menu: 'Настройки на изображението',
+	pathName: 'изображение',
+	pathNameCaption: 'надпис',
+	resetSize: 'Нулиране на размер',
+	resizer: 'Кликни и влачи, за да преоразмериш',
+	title: 'Настройки на изображението',
+	uploadTab: 'Качване',
+	urlMissing: 'URL адреса на изображението липсва.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'bn', {
+	alt: 'বিকল্প টেক্সট',
+	btnUpload: 'ইহাকে সার্ভারে প্রেরন কর',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'ছবির তথ্য',
+	lockRatio: 'অনুপাত লক কর',
+	menu: 'ছবির প্রোপার্টি',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'সাইজ পূর্বাবস্থায় ফিরিয়ে দাও',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'ছবির প্রোপার্টি',
+	uploadTab: 'আপলোড',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'bn', {
+	alt: 'বিকল্প টেক্সট',
+	btnUpload: 'ইহাকে সার্ভারে প্রেরন কর',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'ছবির তথ্য',
+	lockRatio: 'অনুপাত লক কর',
+	menu: 'ছবির প্রোপার্টি',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'সাইজ পূর্বাবস্থায় ফিরিয়ে দাও',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'ছবির প্রোপার্টি',
+	uploadTab: 'আপলোড',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'bs', {
+	alt: 'Tekst na slici',
+	btnUpload: 'Šalji na server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Info slike',
+	lockRatio: 'Zakljuèaj odnos',
+	menu: 'Svojstva slike',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Resetuj dimenzije',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Svojstva slike',
+	uploadTab: 'Šalji',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'bs', {
+	alt: 'Tekst na slici',
+	btnUpload: 'Šalji na server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Info slike',
+	lockRatio: 'Zakljuèaj odnos',
+	menu: 'Svojstva slike',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Resetuj dimenzije',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Svojstva slike',
+	uploadTab: 'Šalji',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ca', {
+	alt: 'Text alternatiu',
+	btnUpload: 'Envia-la al servidor',
+	captioned: 'Imatge amb subtítol',
+	captionPlaceholder: 'Títol',
+	infoTab: 'Informació de la imatge',
+	lockRatio: 'Bloqueja les proporcions',
+	menu: 'Propietats de la imatge',
+	pathName: 'imatge',
+	pathNameCaption: 'subtítol',
+	resetSize: 'Restaura la mida',
+	resizer: 'Clicar i arrossegar per redimensionar',
+	title: 'Propietats de la imatge',
+	uploadTab: 'Puja',
+	urlMissing: 'Falta la URL de la imatge.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ca', {
+	alt: 'Text alternatiu',
+	btnUpload: 'Envia-la al servidor',
+	captioned: 'Imatge amb subtítol',
+	captionPlaceholder: 'Títol',
+	infoTab: 'Informació de la imatge',
+	lockRatio: 'Bloqueja les proporcions',
+	menu: 'Propietats de la imatge',
+	pathName: 'imatge',
+	pathNameCaption: 'subtítol',
+	resetSize: 'Restaura la mida',
+	resizer: 'Clicar i arrossegar per redimensionar',
+	title: 'Propietats de la imatge',
+	uploadTab: 'Puja',
+	urlMissing: 'Falta la URL de la imatge.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'cs', {
+	alt: 'Alternativní text',
+	btnUpload: 'Odeslat na server',
+	captioned: 'Obrázek s popisem',
+	captionPlaceholder: 'Popis',
+	infoTab: 'Informace o obrázku',
+	lockRatio: 'Zámek',
+	menu: 'Vlastnosti obrázku',
+	pathName: 'Obrázek',
+	pathNameCaption: 'Popis',
+	resetSize: 'Původní velikost',
+	resizer: 'Klepněte a táhněte pro změnu velikosti',
+	title: 'Vlastnosti obrázku',
+	uploadTab: 'Odeslat',
+	urlMissing: 'Zadané URL zdroje obrázku nebylo nalezeno.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'cs', {
+	alt: 'Alternativní text',
+	btnUpload: 'Odeslat na server',
+	captioned: 'Obrázek s popisem',
+	captionPlaceholder: 'Popis',
+	infoTab: 'Informace o obrázku',
+	lockRatio: 'Zámek',
+	menu: 'Vlastnosti obrázku',
+	pathName: 'Obrázek',
+	pathNameCaption: 'Popis',
+	resetSize: 'Původní velikost',
+	resizer: 'Klepněte a táhněte pro změnu velikosti',
+	title: 'Vlastnosti obrázku',
+	uploadTab: 'Odeslat',
+	urlMissing: 'Zadané URL zdroje obrázku nebylo nalezeno.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'cy', {
+	alt: 'Testun Amgen',
+	btnUpload: 'Anfon i\'r Gweinydd',
+	captioned: 'Delwedd â phennawd',
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Gwyb Delwedd',
+	lockRatio: 'Cloi Cymhareb',
+	menu: 'Priodweddau Delwedd',
+	pathName: 'delwedd',
+	pathNameCaption: 'pennawd',
+	resetSize: 'Ailosod Maint',
+	resizer: 'Clicio a llusgo i ail-meintio',
+	title: 'Priodweddau Delwedd',
+	uploadTab: 'Lanlwytho',
+	urlMissing: 'URL gwreiddiol y ddelwedd ar goll.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'cy', {
+	alt: 'Testun Amgen',
+	btnUpload: 'Anfon i\'r Gweinydd',
+	captioned: 'Delwedd â phennawd',
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Gwyb Delwedd',
+	lockRatio: 'Cloi Cymhareb',
+	menu: 'Priodweddau Delwedd',
+	pathName: 'delwedd',
+	pathNameCaption: 'pennawd',
+	resetSize: 'Ailosod Maint',
+	resizer: 'Clicio a llusgo i ail-meintio',
+	title: 'Priodweddau Delwedd',
+	uploadTab: 'Lanlwytho',
+	urlMissing: 'URL gwreiddiol y ddelwedd ar goll.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'da', {
+	alt: 'Alternativ tekst',
+	btnUpload: 'Upload fil til serveren',
+	captioned: 'Tekstet billede',
+	captionPlaceholder: 'Tekst',
+	infoTab: 'Generelt',
+	lockRatio: 'Lås størrelsesforhold',
+	menu: 'Egenskaber for billede',
+	pathName: 'billede',
+	pathNameCaption: 'tekst',
+	resetSize: 'Nulstil størrelse',
+	resizer: 'Klik og træk for at ændre størrelsen',
+	title: 'Egenskaber for billede',
+	uploadTab: 'Upload',
+	urlMissing: 'Kilde på billed-URL mangler',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'da', {
+	alt: 'Alternativ tekst',
+	btnUpload: 'Upload fil til serveren',
+	captioned: 'Tekstet billede',
+	captionPlaceholder: 'Tekst',
+	infoTab: 'Generelt',
+	lockRatio: 'Lås størrelsesforhold',
+	menu: 'Egenskaber for billede',
+	pathName: 'billede',
+	pathNameCaption: 'tekst',
+	resetSize: 'Nulstil størrelse',
+	resizer: 'Klik og træk for at ændre størrelsen',
+	title: 'Egenskaber for billede',
+	uploadTab: 'Upload',
+	urlMissing: 'Kilde på billed-URL mangler',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'de-ch', {
+	alt: 'Alternativer Text',
+	btnUpload: 'Zum Server senden',
+	captioned: 'Bild mit Überschrift',
+	captionPlaceholder: 'Überschrift',
+	infoTab: 'Bildinfo',
+	lockRatio: 'Größenverhältnis beibehalten',
+	menu: 'Bildeigenschaften',
+	pathName: 'Bild',
+	pathNameCaption: 'Überschrift',
+	resetSize: 'Grösse zurücksetzen',
+	resizer: 'Zum Vergrössern auswählen und ziehen',
+	title: 'Bild-Eigenschaften',
+	uploadTab: 'Hochladen',
+	urlMissing: 'Bildquellen-URL fehlt.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'de-ch', {
+	alt: 'Alternativer Text',
+	btnUpload: 'Zum Server senden',
+	captioned: 'Bild mit Überschrift',
+	captionPlaceholder: 'Überschrift',
+	infoTab: 'Bildinfo',
+	lockRatio: 'Größenverhältnis beibehalten',
+	menu: 'Bildeigenschaften',
+	pathName: 'Bild',
+	pathNameCaption: 'Überschrift',
+	resetSize: 'Grösse zurücksetzen',
+	resizer: 'Zum Vergrössern auswählen und ziehen',
+	title: 'Bild-Eigenschaften',
+	uploadTab: 'Hochladen',
+	urlMissing: 'Bildquellen-URL fehlt.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'de', {
+	alt: 'Alternativer Text',
+	btnUpload: 'Zum Server senden',
+	captioned: 'Bild mit Überschrift',
+	captionPlaceholder: 'Überschrift',
+	infoTab: 'Bildinfo',
+	lockRatio: 'Größenverhältnis beibehalten',
+	menu: 'Bildeigenschaften',
+	pathName: 'Bild',
+	pathNameCaption: 'Überschrift',
+	resetSize: 'Größe zurücksetzen',
+	resizer: 'Zum Vergrößern auswählen und ziehen',
+	title: 'Bild-Eigenschaften',
+	uploadTab: 'Hochladen',
+	urlMissing: 'Bildquellen-URL fehlt.',
+	altMissing: 'Alternativer Text fehlt.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'de', {
+	alt: 'Alternativer Text',
+	btnUpload: 'Zum Server senden',
+	captioned: 'Bild mit Überschrift',
+	captionPlaceholder: 'Überschrift',
+	infoTab: 'Bildinfo',
+	lockRatio: 'Größenverhältnis beibehalten',
+	menu: 'Bildeigenschaften',
+	pathName: 'Bild',
+	pathNameCaption: 'Überschrift',
+	resetSize: 'Größe zurücksetzen',
+	resizer: 'Zum Vergrößern auswählen und ziehen',
+	title: 'Bild-Eigenschaften',
+	uploadTab: 'Hochladen',
+	urlMissing: 'Bildquellen-URL fehlt.',
+	altMissing: 'Alternativer Text fehlt.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'el', {
+	alt: 'Εναλλακτικό Κείμενο',
+	btnUpload: 'Αποστολή στον Διακομιστή',
+	captioned: 'Εικόνα με λεζάντα',
+	captionPlaceholder: 'Λεζάντα',
+	infoTab: 'Πληροφορίες Εικόνας',
+	lockRatio: 'Κλείδωμα Αναλογίας',
+	menu: 'Ιδιότητες Εικόνας',
+	pathName: 'εικόνα',
+	pathNameCaption: 'λεζάντα',
+	resetSize: 'Επαναφορά Αρχικού Μεγέθους',
+	resizer: 'Κάνετε κλικ και σύρετε το ποντίκι για να αλλάξετε το μέγεθος',
+	title: 'Ιδιότητες Εικόνας',
+	uploadTab: 'Αποστολή',
+	urlMissing: 'Λείπει το πηγαίο URL της εικόνας.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'el', {
+	alt: 'Εναλλακτικό Κείμενο',
+	btnUpload: 'Αποστολή στον Διακομιστή',
+	captioned: 'Εικόνα με λεζάντα',
+	captionPlaceholder: 'Λεζάντα',
+	infoTab: 'Πληροφορίες Εικόνας',
+	lockRatio: 'Κλείδωμα Αναλογίας',
+	menu: 'Ιδιότητες Εικόνας',
+	pathName: 'εικόνα',
+	pathNameCaption: 'λεζάντα',
+	resetSize: 'Επαναφορά Αρχικού Μεγέθους',
+	resizer: 'Κάνετε κλικ και σύρετε το ποντίκι για να αλλάξετε το μέγεθος',
+	title: 'Ιδιότητες Εικόνας',
+	uploadTab: 'Αποστολή',
+	urlMissing: 'Λείπει το πηγαίο URL της εικόνας.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'en-au', {
+	alt: 'Alternative Text',
+	btnUpload: 'Send it to the Server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Image Info',
+	lockRatio: 'Lock Ratio',
+	menu: 'Image Properties',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Reset Size',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Image Properties',
+	uploadTab: 'Upload',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'en-au', {
+	alt: 'Alternative Text',
+	btnUpload: 'Send it to the Server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Image Info',
+	lockRatio: 'Lock Ratio',
+	menu: 'Image Properties',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Reset Size',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Image Properties',
+	uploadTab: 'Upload',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'en-ca', {
+	alt: 'Alternative Text',
+	btnUpload: 'Send it to the Server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Image Info',
+	lockRatio: 'Lock Ratio',
+	menu: 'Image Properties',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Reset Size',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Image Properties',
+	uploadTab: 'Upload',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'en-ca', {
+	alt: 'Alternative Text',
+	btnUpload: 'Send it to the Server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Image Info',
+	lockRatio: 'Lock Ratio',
+	menu: 'Image Properties',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Reset Size',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Image Properties',
+	uploadTab: 'Upload',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'en-gb', {
+	alt: 'Alternative Text',
+	btnUpload: 'Send it to the Server',
+	captioned: 'Captioned image',
+	captionPlaceholder: 'Caption',
+	infoTab: 'Image Info',
+	lockRatio: 'Lock Ratio',
+	menu: 'Image Properties',
+	pathName: 'image',
+	pathNameCaption: 'caption',
+	resetSize: 'Reset Size',
+	resizer: 'Click and drag to resize',
+	title: 'Image Properties',
+	uploadTab: 'Upload',
+	urlMissing: 'Image source URL is missing.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'en-gb', {
+	alt: 'Alternative Text',
+	btnUpload: 'Send it to the Server',
+	captioned: 'Captioned image',
+	captionPlaceholder: 'Caption',
+	infoTab: 'Image Info',
+	lockRatio: 'Lock Ratio',
+	menu: 'Image Properties',
+	pathName: 'image',
+	pathNameCaption: 'caption',
+	resetSize: 'Reset Size',
+	resizer: 'Click and drag to resize',
+	title: 'Image Properties',
+	uploadTab: 'Upload',
+	urlMissing: 'Image source URL is missing.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'en', {
+	alt: 'Alternative Text',
+	btnUpload: 'Send it to the Server',
+	captioned: 'Captioned image',
+	captionPlaceholder: 'Caption',
+	infoTab: 'Image Info',
+	lockRatio: 'Lock Ratio',
+	menu: 'Image Properties',
+	pathName: 'image',
+	pathNameCaption: 'caption',
+	resetSize: 'Reset Size',
+	resizer: 'Click and drag to resize',
+	title: 'Image Properties',
+	uploadTab: 'Upload',
+	urlMissing: 'Image source URL is missing.',
+	altMissing: 'Alternative text is missing.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'en', {
+	alt: 'Alternative Text',
+	btnUpload: 'Send it to the Server',
+	captioned: 'Captioned image',
+	captionPlaceholder: 'Caption',
+	infoTab: 'Image Info',
+	lockRatio: 'Lock Ratio',
+	menu: 'Image Properties',
+	pathName: 'image',
+	pathNameCaption: 'caption',
+	resetSize: 'Reset Size',
+	resizer: 'Click and drag to resize',
+	title: 'Image Properties',
+	uploadTab: 'Upload',
+	urlMissing: 'Image source URL is missing.',
+	altMissing: 'Alternative text is missing.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'eo', {
+	alt: 'Anstataŭiga Teksto',
+	btnUpload: 'Sendu al Servilo',
+	captioned: 'Bildo kun apudskribo',
+	captionPlaceholder: 'Apudskribo',
+	infoTab: 'Informoj pri Bildo',
+	lockRatio: 'Konservi Proporcion',
+	menu: 'Atributoj de Bildo',
+	pathName: 'bildo',
+	pathNameCaption: 'apudskribo',
+	resetSize: 'Origina Grando',
+	resizer: 'Kliki kaj treni por ŝanĝi la grandon',
+	title: 'Atributoj de Bildo',
+	uploadTab: 'Alŝuti',
+	urlMissing: 'La fontretadreso de la bildo mankas.',
+	altMissing: 'Alternativa teksto mankas.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'eo', {
+	alt: 'Anstataŭiga Teksto',
+	btnUpload: 'Sendu al Servilo',
+	captioned: 'Bildo kun apudskribo',
+	captionPlaceholder: 'Apudskribo',
+	infoTab: 'Informoj pri Bildo',
+	lockRatio: 'Konservi Proporcion',
+	menu: 'Atributoj de Bildo',
+	pathName: 'bildo',
+	pathNameCaption: 'apudskribo',
+	resetSize: 'Origina Grando',
+	resizer: 'Kliki kaj treni por ŝanĝi la grandon',
+	title: 'Atributoj de Bildo',
+	uploadTab: 'Alŝuti',
+	urlMissing: 'La fontretadreso de la bildo mankas.',
+	altMissing: 'Alternativa teksto mankas.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'es-mx', {
+	alt: 'Texto alternativo',
+	btnUpload: 'Enviar al servidor',
+	captioned: 'Imagen subtitulada',
+	captionPlaceholder: 'Subtítulo',
+	infoTab: 'Información de la imagen',
+	lockRatio: 'Bloquear aspecto',
+	menu: 'Propiedades de la imagen',
+	pathName: 'imagen',
+	pathNameCaption: 'subtítulo',
+	resetSize: 'Reiniciar tamaño',
+	resizer: 'Presiona y arrastra para redimensionar',
+	title: 'Propiedades de imagen',
+	uploadTab: 'Cargar',
+	urlMissing: 'Falta la URL de origen de la imagen.',
+	altMissing: 'Falta texto alternativo.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'es-mx', {
+	alt: 'Texto alternativo',
+	btnUpload: 'Enviar al servidor',
+	captioned: 'Imagen subtitulada',
+	captionPlaceholder: 'Subtítulo',
+	infoTab: 'Información de la imagen',
+	lockRatio: 'Bloquear aspecto',
+	menu: 'Propiedades de la imagen',
+	pathName: 'imagen',
+	pathNameCaption: 'subtítulo',
+	resetSize: 'Reiniciar tamaño',
+	resizer: 'Presiona y arrastra para redimensionar',
+	title: 'Propiedades de imagen',
+	uploadTab: 'Cargar',
+	urlMissing: 'Falta la URL de origen de la imagen.',
+	altMissing: 'Falta texto alternativo.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'es', {
+	alt: 'Texto Alternativo',
+	btnUpload: 'Enviar al Servidor',
+	captioned: 'Imagen subtitulada',
+	captionPlaceholder: 'Leyenda',
+	infoTab: 'Información de Imagen',
+	lockRatio: 'Proporcional',
+	menu: 'Propiedades de Imagen',
+	pathName: 'image',
+	pathNameCaption: 'subtítulo',
+	resetSize: 'Tamaño Original',
+	resizer: 'Dar clic y arrastrar para cambiar tamaño',
+	title: 'Propiedades de Imagen',
+	uploadTab: 'Cargar',
+	urlMissing: 'Debe indicar la URL de la imagen.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'es', {
+	alt: 'Texto Alternativo',
+	btnUpload: 'Enviar al Servidor',
+	captioned: 'Imagen subtitulada',
+	captionPlaceholder: 'Leyenda',
+	infoTab: 'Información de Imagen',
+	lockRatio: 'Proporcional',
+	menu: 'Propiedades de Imagen',
+	pathName: 'image',
+	pathNameCaption: 'subtítulo',
+	resetSize: 'Tamaño Original',
+	resizer: 'Dar clic y arrastrar para cambiar tamaño',
+	title: 'Propiedades de Imagen',
+	uploadTab: 'Cargar',
+	urlMissing: 'Debe indicar la URL de la imagen.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'et', {
+	alt: 'Alternatiivne tekst',
+	btnUpload: 'Saada serverisse',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Pildi info',
+	lockRatio: 'Lukusta kuvasuhe',
+	menu: 'Pildi omadused',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Lähtesta suurus',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Pildi omadused',
+	uploadTab: 'Lae üles',
+	urlMissing: 'Pildi lähte-URL on puudu.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'et', {
+	alt: 'Alternatiivne tekst',
+	btnUpload: 'Saada serverisse',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Pildi info',
+	lockRatio: 'Lukusta kuvasuhe',
+	menu: 'Pildi omadused',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Lähtesta suurus',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Pildi omadused',
+	uploadTab: 'Lae üles',
+	urlMissing: 'Pildi lähte-URL on puudu.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'eu', {
+	alt: 'Ordezko testua',
+	btnUpload: 'Bidali zerbitzarira',
+	captioned: 'Argazki oina',
+	captionPlaceholder: 'Argazki oina',
+	infoTab: 'Irudiaren informazioa',
+	lockRatio: 'Blokeatu erlazioa',
+	menu: 'Irudiaren propietateak',
+	pathName: 'Irudia',
+	pathNameCaption: 'Argazki oina',
+	resetSize: 'Berrezarri tamaina',
+	resizer: 'Klikatu eta arrastatu tamainaz aldatzeko',
+	title: 'Irudiaren propietateak',
+	uploadTab: 'Kargatu',
+	urlMissing: 'Irudiaren iturburuaren URLa falta da.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'eu', {
+	alt: 'Ordezko testua',
+	btnUpload: 'Bidali zerbitzarira',
+	captioned: 'Argazki oina',
+	captionPlaceholder: 'Argazki oina',
+	infoTab: 'Irudiaren informazioa',
+	lockRatio: 'Blokeatu erlazioa',
+	menu: 'Irudiaren propietateak',
+	pathName: 'Irudia',
+	pathNameCaption: 'Argazki oina',
+	resetSize: 'Berrezarri tamaina',
+	resizer: 'Klikatu eta arrastatu tamainaz aldatzeko',
+	title: 'Irudiaren propietateak',
+	uploadTab: 'Kargatu',
+	urlMissing: 'Irudiaren iturburuaren URLa falta da.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'fa', {
+	alt: 'متن جایگزین',
+	btnUpload: 'به سرور بفرست',
+	captioned: 'تصویر زیرنویس شده',
+	captionPlaceholder: 'عنوان',
+	infoTab: 'اطلاعات تصویر',
+	lockRatio: 'قفل کردن نسبت',
+	menu: 'ویژگی​های تصویر',
+	pathName: 'تصویر',
+	pathNameCaption: 'عنوان',
+	resetSize: 'بازنشانی اندازه',
+	resizer: 'کلیک و کشیدن برای تغییر اندازه',
+	title: 'ویژگی​های تصویر',
+	uploadTab: 'بالاگذاری',
+	urlMissing: 'آدرس URL اصلی تصویر یافت نشد.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'fa', {
+	alt: 'متن جایگزین',
+	btnUpload: 'به سرور بفرست',
+	captioned: 'تصویر زیرنویس شده',
+	captionPlaceholder: 'عنوان',
+	infoTab: 'اطلاعات تصویر',
+	lockRatio: 'قفل کردن نسبت',
+	menu: 'ویژگی​های تصویر',
+	pathName: 'تصویر',
+	pathNameCaption: 'عنوان',
+	resetSize: 'بازنشانی اندازه',
+	resizer: 'کلیک و کشیدن برای تغییر اندازه',
+	title: 'ویژگی​های تصویر',
+	uploadTab: 'بالاگذاری',
+	urlMissing: 'آدرس URL اصلی تصویر یافت نشد.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'fi', {
+	alt: 'Vaihtoehtoinen teksti',
+	btnUpload: 'Lähetä palvelimelle',
+	captioned: 'Kuva kuvatekstillä',
+	captionPlaceholder: 'Kuvateksti',
+	infoTab: 'Kuvan tiedot',
+	lockRatio: 'Lukitse suhteet',
+	menu: 'Kuvan ominaisuudet',
+	pathName: 'kuva',
+	pathNameCaption: 'kuvateksti',
+	resetSize: 'Alkuperäinen koko',
+	resizer: 'Klikkaa ja raahaa muuttaaksesi kokoa',
+	title: 'Kuvan ominaisuudet',
+	uploadTab: 'Lisää tiedosto',
+	urlMissing: 'Kuvan lähdeosoite puuttuu.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'fi', {
+	alt: 'Vaihtoehtoinen teksti',
+	btnUpload: 'Lähetä palvelimelle',
+	captioned: 'Kuva kuvatekstillä',
+	captionPlaceholder: 'Kuvateksti',
+	infoTab: 'Kuvan tiedot',
+	lockRatio: 'Lukitse suhteet',
+	menu: 'Kuvan ominaisuudet',
+	pathName: 'kuva',
+	pathNameCaption: 'kuvateksti',
+	resetSize: 'Alkuperäinen koko',
+	resizer: 'Klikkaa ja raahaa muuttaaksesi kokoa',
+	title: 'Kuvan ominaisuudet',
+	uploadTab: 'Lisää tiedosto',
+	urlMissing: 'Kuvan lähdeosoite puuttuu.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'fo', {
+	alt: 'Alternativur tekstur',
+	btnUpload: 'Send til ambætaran',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Myndaupplýsingar',
+	lockRatio: 'Læs lutfallið',
+	menu: 'Myndaeginleikar',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Upprunastødd',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Myndaeginleikar',
+	uploadTab: 'Send til ambætaran',
+	urlMissing: 'URL til mynd manglar.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'fo', {
+	alt: 'Alternativur tekstur',
+	btnUpload: 'Send til ambætaran',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Myndaupplýsingar',
+	lockRatio: 'Læs lutfallið',
+	menu: 'Myndaeginleikar',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Upprunastødd',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Myndaeginleikar',
+	uploadTab: 'Send til ambætaran',
+	urlMissing: 'URL til mynd manglar.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'fr-ca', {
+	alt: 'Texte alternatif',
+	btnUpload: 'Envoyer sur le serveur',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Informations sur l\'image2',
+	lockRatio: 'Verrouiller les proportions',
+	menu: 'Propriétés de l\'image2',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Taille originale',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Propriétés de l\'image2',
+	uploadTab: 'Téléverser',
+	urlMissing: 'L\'URL de la source de l\'image est manquant.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'fr-ca', {
+	alt: 'Texte alternatif',
+	btnUpload: 'Envoyer sur le serveur',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Informations sur l\'image2',
+	lockRatio: 'Verrouiller les proportions',
+	menu: 'Propriétés de l\'image2',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Taille originale',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Propriétés de l\'image2',
+	uploadTab: 'Téléverser',
+	urlMissing: 'L\'URL de la source de l\'image est manquant.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'fr', {
+	alt: 'Texte alternatif',
+	btnUpload: 'Envoyer sur le serveur',
+	captioned: 'Image légendée',
+	captionPlaceholder: 'Légende',
+	infoTab: 'Informations sur l\'image',
+	lockRatio: 'Conserver les proportions',
+	menu: 'Propriétés de l\'image',
+	pathName: 'image',
+	pathNameCaption: 'légende',
+	resetSize: 'Réinitialiser la taille',
+	resizer: 'Cliquer et glisser pour redimensionner',
+	title: 'Propriétés de l\'image',
+	uploadTab: 'Téléverser',
+	urlMissing: 'L\'URL source de l\'image est manquante.',
+	altMissing: 'Vous n\'avez pas indiqué de texte de remplacement.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'fr', {
+	alt: 'Texte alternatif',
+	btnUpload: 'Envoyer sur le serveur',
+	captioned: 'Image légendée',
+	captionPlaceholder: 'Légende',
+	infoTab: 'Informations sur l\'image',
+	lockRatio: 'Conserver les proportions',
+	menu: 'Propriétés de l\'image',
+	pathName: 'image',
+	pathNameCaption: 'légende',
+	resetSize: 'Réinitialiser la taille',
+	resizer: 'Cliquer et glisser pour redimensionner',
+	title: 'Propriétés de l\'image',
+	uploadTab: 'Téléverser',
+	urlMissing: 'L\'URL source de l\'image est manquante.',
+	altMissing: 'Vous n\'avez pas indiqué de texte de remplacement.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'gl', {
+	alt: 'Texto alternativo',
+	btnUpload: 'Enviar ao servidor',
+	captioned: 'Imaxe con lenda',
+	captionPlaceholder: 'Lenda',
+	infoTab: 'Información da imaxe',
+	lockRatio: 'Proporcional',
+	menu: 'Propiedades da imaxe',
+	pathName: 'Imaxe',
+	pathNameCaption: 'lenda',
+	resetSize: 'Tamaño orixinal',
+	resizer: 'Prema e arrastre para axustar o tamaño',
+	title: 'Propiedades da imaxe',
+	uploadTab: 'Cargar',
+	urlMissing: 'Non se atopa o URL da imaxe.',
+	altMissing: 'Non foi posíbel atopar o texto alternativo.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'gl', {
+	alt: 'Texto alternativo',
+	btnUpload: 'Enviar ao servidor',
+	captioned: 'Imaxe con lenda',
+	captionPlaceholder: 'Lenda',
+	infoTab: 'Información da imaxe',
+	lockRatio: 'Proporcional',
+	menu: 'Propiedades da imaxe',
+	pathName: 'Imaxe',
+	pathNameCaption: 'lenda',
+	resetSize: 'Tamaño orixinal',
+	resizer: 'Prema e arrastre para axustar o tamaño',
+	title: 'Propiedades da imaxe',
+	uploadTab: 'Cargar',
+	urlMissing: 'Non se atopa o URL da imaxe.',
+	altMissing: 'Non foi posíbel atopar o texto alternativo.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'gu', {
+	alt: 'ઑલ્ટર્નટ ટેક્સ્ટ',
+	btnUpload: 'આ સર્વરને મોકલવું',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'ચિત્ર ની જાણકારી',
+	lockRatio: 'લૉક ગુણોત્તર',
+	menu: 'ચિત્રના ગુણ',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'રીસેટ સાઇઝ',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'ચિત્રના ગુણ',
+	uploadTab: 'અપલોડ',
+	urlMissing: 'ઈમેજની મૂળ URL છે નહી.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'gu', {
+	alt: 'ઑલ્ટર્નટ ટેક્સ્ટ',
+	btnUpload: 'આ સર્વરને મોકલવું',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'ચિત્ર ની જાણકારી',
+	lockRatio: 'લૉક ગુણોત્તર',
+	menu: 'ચિત્રના ગુણ',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'રીસેટ સાઇઝ',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'ચિત્રના ગુણ',
+	uploadTab: 'અપલોડ',
+	urlMissing: 'ઈમેજની મૂળ URL છે નહી.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'he', {
+	alt: 'טקסט חלופי',
+	btnUpload: 'שליחה לשרת',
+	captioned: 'כותרת תמונה',
+	captionPlaceholder: 'כותרת',
+	infoTab: 'מידע על התמונה',
+	lockRatio: 'נעילת היחס',
+	menu: 'תכונות התמונה',
+	pathName: 'תמונה',
+	pathNameCaption: 'כותרת',
+	resetSize: 'איפוס הגודל',
+	resizer: 'לחץ וגרור לשינוי הגודל',
+	title: 'מאפייני התמונה',
+	uploadTab: 'העלאה',
+	urlMissing: 'כתובת התמונה חסרה.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'he', {
+	alt: 'טקסט חלופי',
+	btnUpload: 'שליחה לשרת',
+	captioned: 'כותרת תמונה',
+	captionPlaceholder: 'כותרת',
+	infoTab: 'מידע על התמונה',
+	lockRatio: 'נעילת היחס',
+	menu: 'תכונות התמונה',
+	pathName: 'תמונה',
+	pathNameCaption: 'כותרת',
+	resetSize: 'איפוס הגודל',
+	resizer: 'לחץ וגרור לשינוי הגודל',
+	title: 'מאפייני התמונה',
+	uploadTab: 'העלאה',
+	urlMissing: 'כתובת התמונה חסרה.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'hi', {
+	alt: 'वैकल्पिक टेक्स्ट',
+	btnUpload: 'इसे सर्वर को भेजें',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'तस्वीर की जानकारी',
+	lockRatio: 'लॉक अनुपात',
+	menu: 'तस्वीर प्रॉपर्टीज़',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'रीसॅट साइज़',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'तस्वीर प्रॉपर्टीज़',
+	uploadTab: 'अपलोड',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'hi', {
+	alt: 'वैकल्पिक टेक्स्ट',
+	btnUpload: 'इसे सर्वर को भेजें',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'तस्वीर की जानकारी',
+	lockRatio: 'लॉक अनुपात',
+	menu: 'तस्वीर प्रॉपर्टीज़',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'रीसॅट साइज़',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'तस्वीर प्रॉपर्टीज़',
+	uploadTab: 'अपलोड',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'hr', {
+	alt: 'Alternativni tekst',
+	btnUpload: 'Pošalji na server',
+	captioned: 'Titl slike',
+	captionPlaceholder: 'Titl',
+	infoTab: 'Info slike',
+	lockRatio: 'Zaključaj odnos',
+	menu: 'Svojstva slika',
+	pathName: 'slika',
+	pathNameCaption: 'titl',
+	resetSize: 'Obriši veličinu',
+	resizer: 'Odaberi i povuci za promjenu veličine',
+	title: 'Svojstva slika',
+	uploadTab: 'Pošalji',
+	urlMissing: 'Nedostaje URL slike.',
+	altMissing: 'Nedostaje alternativni tekst.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'hr', {
+	alt: 'Alternativni tekst',
+	btnUpload: 'Pošalji na server',
+	captioned: 'Titl slike',
+	captionPlaceholder: 'Titl',
+	infoTab: 'Info slike',
+	lockRatio: 'Zaključaj odnos',
+	menu: 'Svojstva slika',
+	pathName: 'slika',
+	pathNameCaption: 'titl',
+	resetSize: 'Obriši veličinu',
+	resizer: 'Odaberi i povuci za promjenu veličine',
+	title: 'Svojstva slika',
+	uploadTab: 'Pošalji',
+	urlMissing: 'Nedostaje URL slike.',
+	altMissing: 'Nedostaje alternativni tekst.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'hu', {
+	alt: 'Buborék szöveg',
+	btnUpload: 'Küldés a szerverre',
+	captioned: 'Feliratozott kép',
+	captionPlaceholder: 'Képfelirat',
+	infoTab: 'Alaptulajdonságok',
+	lockRatio: 'Arány megtartása',
+	menu: 'Kép tulajdonságai',
+	pathName: 'kép',
+	pathNameCaption: 'felirat',
+	resetSize: 'Eredeti méret',
+	resizer: 'Kattints és húzz az átméretezéshez',
+	title: 'Kép tulajdonságai',
+	uploadTab: 'Feltöltés',
+	urlMissing: 'Hiányzik a kép URL-je',
+	altMissing: 'Az alternatív szöveg hiányzik.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'hu', {
+	alt: 'Buborék szöveg',
+	btnUpload: 'Küldés a szerverre',
+	captioned: 'Feliratozott kép',
+	captionPlaceholder: 'Képfelirat',
+	infoTab: 'Alaptulajdonságok',
+	lockRatio: 'Arány megtartása',
+	menu: 'Kép tulajdonságai',
+	pathName: 'kép',
+	pathNameCaption: 'felirat',
+	resetSize: 'Eredeti méret',
+	resizer: 'Kattints és húzz az átméretezéshez',
+	title: 'Kép tulajdonságai',
+	uploadTab: 'Feltöltés',
+	urlMissing: 'Hiányzik a kép URL-je',
+	altMissing: 'Az alternatív szöveg hiányzik.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'id', {
+	alt: 'Teks alternatif',
+	btnUpload: 'Kirim ke Server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Info Gambar',
+	lockRatio: 'Lock Ratio', // MISSING
+	menu: 'Image Properties', // MISSING
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Atur Ulang Ukuran',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Image Properties', // MISSING
+	uploadTab: 'Unggah',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'id', {
+	alt: 'Teks alternatif',
+	btnUpload: 'Kirim ke Server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Info Gambar',
+	lockRatio: 'Lock Ratio', // MISSING
+	menu: 'Image Properties', // MISSING
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Atur Ulang Ukuran',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Image Properties', // MISSING
+	uploadTab: 'Unggah',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'is', {
+	alt: 'Baklægur texti',
+	btnUpload: 'Hlaða upp',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Almennt',
+	lockRatio: 'Festa stærðarhlutfall',
+	menu: 'Eigindi myndar',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Reikna stærð',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Eigindi myndar',
+	uploadTab: 'Senda upp',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'is', {
+	alt: 'Baklægur texti',
+	btnUpload: 'Hlaða upp',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Almennt',
+	lockRatio: 'Festa stærðarhlutfall',
+	menu: 'Eigindi myndar',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Reikna stærð',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Eigindi myndar',
+	uploadTab: 'Senda upp',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'it', {
+	alt: 'Testo alternativo',
+	btnUpload: 'Invia al server',
+	captioned: 'Immagine con didascalia',
+	captionPlaceholder: 'Didascalia',
+	infoTab: 'Informazioni immagine',
+	lockRatio: 'Blocca rapporto',
+	menu: 'Proprietà immagine',
+	pathName: 'immagine',
+	pathNameCaption: 'didascalia',
+	resetSize: 'Reimposta dimensione',
+	resizer: 'Fare clic e trascinare per ridimensionare',
+	title: 'Proprietà immagine',
+	uploadTab: 'Carica',
+	urlMissing: 'Manca l\'URL dell\'immagine.',
+	altMissing: 'Testo alternativo mancante.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'it', {
+	alt: 'Testo alternativo',
+	btnUpload: 'Invia al server',
+	captioned: 'Immagine con didascalia',
+	captionPlaceholder: 'Didascalia',
+	infoTab: 'Informazioni immagine',
+	lockRatio: 'Blocca rapporto',
+	menu: 'Proprietà immagine',
+	pathName: 'immagine',
+	pathNameCaption: 'didascalia',
+	resetSize: 'Reimposta dimensione',
+	resizer: 'Fare clic e trascinare per ridimensionare',
+	title: 'Proprietà immagine',
+	uploadTab: 'Carica',
+	urlMissing: 'Manca l\'URL dell\'immagine.',
+	altMissing: 'Testo alternativo mancante.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ja', {
+	alt: '代替テキスト',
+	btnUpload: 'サーバーに送信',
+	captioned: 'キャプションを付ける',
+	captionPlaceholder: 'キャプション',
+	infoTab: '画像情報',
+	lockRatio: '比率を固定',
+	menu: '画像のプロパティ',
+	pathName: 'image',
+	pathNameCaption: 'caption',
+	resetSize: 'サイズをリセット',
+	resizer: 'ドラッグしてリサイズ',
+	title: '画像のプロパティ',
+	uploadTab: 'アップロード',
+	urlMissing: '画像のURLを入力してください。',
+	altMissing: '代替テキストを入力してください。'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ja', {
+	alt: '代替テキスト',
+	btnUpload: 'サーバーに送信',
+	captioned: 'キャプションを付ける',
+	captionPlaceholder: 'キャプション',
+	infoTab: '画像情報',
+	lockRatio: '比率を固定',
+	menu: '画像のプロパティ',
+	pathName: 'image',
+	pathNameCaption: 'caption',
+	resetSize: 'サイズをリセット',
+	resizer: 'ドラッグしてリサイズ',
+	title: '画像のプロパティ',
+	uploadTab: 'アップロード',
+	urlMissing: '画像のURLを入力してください。',
+	altMissing: '代替テキストを入力してください。'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ka', {
+	alt: 'სანაცვლო ტექსტი',
+	btnUpload: 'სერვერისთვის გაგზავნა',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'სურათის ინფორმცია',
+	lockRatio: 'პროპორციის შენარჩუნება',
+	menu: 'სურათის პარამეტრები',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'ზომის დაბრუნება',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'სურათის პარამეტრები',
+	uploadTab: 'აქაჩვა',
+	urlMissing: 'სურათის URL არაა შევსებული.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ka', {
+	alt: 'სანაცვლო ტექსტი',
+	btnUpload: 'სერვერისთვის გაგზავნა',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'სურათის ინფორმცია',
+	lockRatio: 'პროპორციის შენარჩუნება',
+	menu: 'სურათის პარამეტრები',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'ზომის დაბრუნება',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'სურათის პარამეტრები',
+	uploadTab: 'აქაჩვა',
+	urlMissing: 'სურათის URL არაა შევსებული.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'km', {
+	alt: 'អត្ថបទជំនួស',
+	btnUpload: 'បញ្ជូនទៅកាន់ម៉ាស៊ីនផ្តល់សេវា',
+	captioned: 'រូប​ដែល​មាន​ចំណង​ជើង',
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'ពត៌មានអំពីរូបភាព',
+	lockRatio: 'ចាក់​សោ​ផល​ធៀប',
+	menu: 'លក្ខណៈ​សម្បត្តិ​រូប​ភាព',
+	pathName: 'រូបភាព',
+	pathNameCaption: 'ចំណងជើង',
+	resetSize: 'កំណត់ទំហំឡើងវិញ',
+	resizer: 'ចុច​ហើយ​ទាញ​ដើម្បី​ប្ដូរ​ទំហំ',
+	title: 'លក្ខណៈ​សម្បត្តិ​រូប​ភាប',
+	uploadTab: 'ផ្ទុក​ឡើង',
+	urlMissing: 'ខ្វះ URL ប្រភព​រូប​ភាព។',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'km', {
+	alt: 'អត្ថបទជំនួស',
+	btnUpload: 'បញ្ជូនទៅកាន់ម៉ាស៊ីនផ្តល់សេវា',
+	captioned: 'រូប​ដែល​មាន​ចំណង​ជើង',
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'ពត៌មានអំពីរូបភាព',
+	lockRatio: 'ចាក់​សោ​ផល​ធៀប',
+	menu: 'លក្ខណៈ​សម្បត្តិ​រូប​ភាព',
+	pathName: 'រូបភាព',
+	pathNameCaption: 'ចំណងជើង',
+	resetSize: 'កំណត់ទំហំឡើងវិញ',
+	resizer: 'ចុច​ហើយ​ទាញ​ដើម្បី​ប្ដូរ​ទំហំ',
+	title: 'លក្ខណៈ​សម្បត្តិ​រូប​ភាប',
+	uploadTab: 'ផ្ទុក​ឡើង',
+	urlMissing: 'ខ្វះ URL ប្រភព​រូប​ភាព។',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ko', {
+	alt: '대체 문자열',
+	btnUpload: '서버로 전송',
+	captioned: '이미지 설명 넣기',
+	captionPlaceholder: '설명',
+	infoTab: '이미지 정보',
+	lockRatio: '비율 유지',
+	menu: '이미지 속성',
+	pathName: '이미지',
+	pathNameCaption: '설명',
+	resetSize: '원래 크기로',
+	resizer: '크기를 조절하려면 클릭 후 드래그 하세요',
+	title: '이미지 속성',
+	uploadTab: '업로드',
+	urlMissing: '이미지 원본 주소(URL)가 없습니다.',
+	altMissing: '대체 문자가 없습니다.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ko', {
+	alt: '대체 문자열',
+	btnUpload: '서버로 전송',
+	captioned: '이미지 설명 넣기',
+	captionPlaceholder: '설명',
+	infoTab: '이미지 정보',
+	lockRatio: '비율 유지',
+	menu: '이미지 속성',
+	pathName: '이미지',
+	pathNameCaption: '설명',
+	resetSize: '원래 크기로',
+	resizer: '크기를 조절하려면 클릭 후 드래그 하세요',
+	title: '이미지 속성',
+	uploadTab: '업로드',
+	urlMissing: '이미지 원본 주소(URL)가 없습니다.',
+	altMissing: '대체 문자가 없습니다.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ku', {
+	alt: 'جێگرەوەی دەق',
+	btnUpload: 'ناردنی بۆ ڕاژه',
+	captioned: 'وێنەی بەسەردێر',
+	captionPlaceholder: 'سەردێر',
+	infoTab: 'زانیاری وێنه',
+	lockRatio: 'داخستنی ڕێژه',
+	menu: 'خاسیەتی وێنه',
+	pathName: 'وێنە',
+	pathNameCaption: 'سەردێر',
+	resetSize: 'ڕێکخستنەوەی قەباره',
+	resizer: 'کرتەبکە و ڕایبکێشە بۆ قەبارە گۆڕین',
+	title: 'خاسیەتی وێنه',
+	uploadTab: 'بارکردن',
+	urlMissing: 'سەرچاوەی بەستەری وێنه بزره',
+	altMissing: 'جێگرەوەی دەق لەدەست چووە.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ku', {
+	alt: 'جێگرەوەی دەق',
+	btnUpload: 'ناردنی بۆ ڕاژه',
+	captioned: 'وێنەی بەسەردێر',
+	captionPlaceholder: 'سەردێر',
+	infoTab: 'زانیاری وێنه',
+	lockRatio: 'داخستنی ڕێژه',
+	menu: 'خاسیەتی وێنه',
+	pathName: 'وێنە',
+	pathNameCaption: 'سەردێر',
+	resetSize: 'ڕێکخستنەوەی قەباره',
+	resizer: 'کرتەبکە و ڕایبکێشە بۆ قەبارە گۆڕین',
+	title: 'خاسیەتی وێنه',
+	uploadTab: 'بارکردن',
+	urlMissing: 'سەرچاوەی بەستەری وێنه بزره',
+	altMissing: 'جێگرەوەی دەق لەدەست چووە.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'lt', {
+	alt: 'Alternatyvus Tekstas',
+	btnUpload: 'Siųsti į serverį',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Vaizdo informacija',
+	lockRatio: 'Išlaikyti proporciją',
+	menu: 'Vaizdo savybės',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Atstatyti dydį',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Vaizdo savybės',
+	uploadTab: 'Siųsti',
+	urlMissing: 'Paveiksliuko nuorodos nėra.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'lt', {
+	alt: 'Alternatyvus Tekstas',
+	btnUpload: 'Siųsti į serverį',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Vaizdo informacija',
+	lockRatio: 'Išlaikyti proporciją',
+	menu: 'Vaizdo savybės',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Atstatyti dydį',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Vaizdo savybės',
+	uploadTab: 'Siųsti',
+	urlMissing: 'Paveiksliuko nuorodos nėra.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'lv', {
+	alt: 'Alternatīvais teksts',
+	btnUpload: 'Nosūtīt serverim',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Informācija par attēlu',
+	lockRatio: 'Nemainīga Augstuma/Platuma attiecība',
+	menu: 'Attēla īpašības',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Atjaunot sākotnējo izmēru',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Attēla īpašības',
+	uploadTab: 'Augšupielādēt',
+	urlMissing: 'Trūkst attēla atrašanās adrese.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'lv', {
+	alt: 'Alternatīvais teksts',
+	btnUpload: 'Nosūtīt serverim',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Informācija par attēlu',
+	lockRatio: 'Nemainīga Augstuma/Platuma attiecība',
+	menu: 'Attēla īpašības',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Atjaunot sākotnējo izmēru',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Attēla īpašības',
+	uploadTab: 'Augšupielādēt',
+	urlMissing: 'Trūkst attēla atrašanās adrese.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'mk', {
+	alt: 'Алтернативен текст',
+	btnUpload: 'Прикачи на сервер',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Информации за сликата',
+	lockRatio: 'Зачувај пропорција',
+	menu: 'Својства на сликата',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Ресетирај големина',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Својства на сликата',
+	uploadTab: 'Прикачи',
+	urlMissing: 'Недостасува URL-то на сликата.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'mk', {
+	alt: 'Алтернативен текст',
+	btnUpload: 'Прикачи на сервер',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Информации за сликата',
+	lockRatio: 'Зачувај пропорција',
+	menu: 'Својства на сликата',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Ресетирај големина',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Својства на сликата',
+	uploadTab: 'Прикачи',
+	urlMissing: 'Недостасува URL-то на сликата.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'mn', {
+	alt: 'Зургийг орлох бичвэр',
+	btnUpload: 'Үүнийг сервэррүү илгээ',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Зурагны мэдээлэл',
+	lockRatio: 'Радио түгжих',
+	menu: 'Зураг',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'хэмжээ дахин оноох',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Зураг',
+	uploadTab: 'Илгээж ачаалах',
+	urlMissing: 'Зургийн эх сурвалжийн хаяг (URL) байхгүй байна.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'mn', {
+	alt: 'Зургийг орлох бичвэр',
+	btnUpload: 'Үүнийг сервэррүү илгээ',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Зурагны мэдээлэл',
+	lockRatio: 'Радио түгжих',
+	menu: 'Зураг',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'хэмжээ дахин оноох',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Зураг',
+	uploadTab: 'Илгээж ачаалах',
+	urlMissing: 'Зургийн эх сурвалжийн хаяг (URL) байхгүй байна.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ms', {
+	alt: 'Text Alternatif',
+	btnUpload: 'Hantar ke Server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Info Imej',
+	lockRatio: 'Tetapkan Nisbah',
+	menu: 'Ciri-ciri Imej',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Saiz Set Semula',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Ciri-ciri Imej',
+	uploadTab: 'Muat Naik',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ms', {
+	alt: 'Text Alternatif',
+	btnUpload: 'Hantar ke Server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Info Imej',
+	lockRatio: 'Tetapkan Nisbah',
+	menu: 'Ciri-ciri Imej',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Saiz Set Semula',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Ciri-ciri Imej',
+	uploadTab: 'Muat Naik',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'nb', {
+	alt: 'Alternativ tekst',
+	btnUpload: 'Send det til serveren',
+	captioned: 'Bilde med bildetekst',
+	captionPlaceholder: 'Bildetekst',
+	infoTab: 'Bildeinformasjon',
+	lockRatio: 'Lås forhold',
+	menu: 'Bildeegenskaper',
+	pathName: 'bilde',
+	pathNameCaption: 'bildetekst',
+	resetSize: 'Tilbakestill størrelse',
+	resizer: 'Klikk og dra for å endre størrelse',
+	title: 'Bildeegenskaper',
+	uploadTab: 'Last opp',
+	urlMissing: 'Bildets adresse mangler.',
+	altMissing: 'Alternativ tekst mangler.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'nb', {
+	alt: 'Alternativ tekst',
+	btnUpload: 'Send det til serveren',
+	captioned: 'Bilde med bildetekst',
+	captionPlaceholder: 'Bildetekst',
+	infoTab: 'Bildeinformasjon',
+	lockRatio: 'Lås forhold',
+	menu: 'Bildeegenskaper',
+	pathName: 'bilde',
+	pathNameCaption: 'bildetekst',
+	resetSize: 'Tilbakestill størrelse',
+	resizer: 'Klikk og dra for å endre størrelse',
+	title: 'Bildeegenskaper',
+	uploadTab: 'Last opp',
+	urlMissing: 'Bildets adresse mangler.',
+	altMissing: 'Alternativ tekst mangler.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'nl', {
+	alt: 'Alternatieve tekst',
+	btnUpload: 'Naar server verzenden',
+	captioned: 'Afbeelding met onderschrift',
+	captionPlaceholder: 'Onderschrift',
+	infoTab: 'Afbeeldingsinformatie',
+	lockRatio: 'Verhouding vergrendelen',
+	menu: 'Eigenschappen afbeelding',
+	pathName: 'afbeelding',
+	pathNameCaption: 'onderschrift',
+	resetSize: 'Afmetingen herstellen',
+	resizer: 'Klik en sleep om te herschalen',
+	title: 'Afbeeldingseigenschappen',
+	uploadTab: 'Uploaden',
+	urlMissing: 'De URL naar de afbeelding ontbreekt.',
+	altMissing: 'Alternatieve tekst ontbreekt.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'nl', {
+	alt: 'Alternatieve tekst',
+	btnUpload: 'Naar server verzenden',
+	captioned: 'Afbeelding met onderschrift',
+	captionPlaceholder: 'Onderschrift',
+	infoTab: 'Afbeeldingsinformatie',
+	lockRatio: 'Verhouding vergrendelen',
+	menu: 'Eigenschappen afbeelding',
+	pathName: 'afbeelding',
+	pathNameCaption: 'onderschrift',
+	resetSize: 'Afmetingen herstellen',
+	resizer: 'Klik en sleep om te herschalen',
+	title: 'Afbeeldingseigenschappen',
+	uploadTab: 'Uploaden',
+	urlMissing: 'De URL naar de afbeelding ontbreekt.',
+	altMissing: 'Alternatieve tekst ontbreekt.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'no', {
+	alt: 'Alternativ tekst',
+	btnUpload: 'Send det til serveren',
+	captioned: 'Bilde med bildetekst',
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Bildeinformasjon',
+	lockRatio: 'Lås forhold',
+	menu: 'Bildeegenskaper',
+	pathName: 'bilde',
+	pathNameCaption: 'bildetekst',
+	resetSize: 'Tilbakestill størrelse',
+	resizer: 'Klikk og dra for å endre størrelse',
+	title: 'Bildeegenskaper',
+	uploadTab: 'Last opp',
+	urlMissing: 'Bildets adresse mangler.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'no', {
+	alt: 'Alternativ tekst',
+	btnUpload: 'Send det til serveren',
+	captioned: 'Bilde med bildetekst',
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Bildeinformasjon',
+	lockRatio: 'Lås forhold',
+	menu: 'Bildeegenskaper',
+	pathName: 'bilde',
+	pathNameCaption: 'bildetekst',
+	resetSize: 'Tilbakestill størrelse',
+	resizer: 'Klikk og dra for å endre størrelse',
+	title: 'Bildeegenskaper',
+	uploadTab: 'Last opp',
+	urlMissing: 'Bildets adresse mangler.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'oc', {
+	alt: 'Tèxte alternatiu',
+	btnUpload: 'Mandar sul servidor',
+	captioned: 'Imatge amb legenda',
+	captionPlaceholder: 'Legenda',
+	infoTab: 'Informacions sus l\'imatge',
+	lockRatio: 'Conservar las proporcions',
+	menu: 'Proprietats de l\'imatge',
+	pathName: 'imatge',
+	pathNameCaption: 'legenda',
+	resetSize: 'Reïnicializar la talha',
+	resizer: 'Clicar e lisar per redimensionar',
+	title: 'Proprietats de l\'imatge',
+	uploadTab: 'Mandar',
+	urlMissing: 'L\'URL font de l\'imatge es mancanta.',
+	altMissing: 'Lo tèxte alternatiu es mancant.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'oc', {
+	alt: 'Tèxte alternatiu',
+	btnUpload: 'Mandar sul servidor',
+	captioned: 'Imatge amb legenda',
+	captionPlaceholder: 'Legenda',
+	infoTab: 'Informacions sus l\'imatge',
+	lockRatio: 'Conservar las proporcions',
+	menu: 'Proprietats de l\'imatge',
+	pathName: 'imatge',
+	pathNameCaption: 'legenda',
+	resetSize: 'Reïnicializar la talha',
+	resizer: 'Clicar e lisar per redimensionar',
+	title: 'Proprietats de l\'imatge',
+	uploadTab: 'Mandar',
+	urlMissing: 'L\'URL font de l\'imatge es mancanta.',
+	altMissing: 'Lo tèxte alternatiu es mancant.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'pl', {
+	alt: 'Tekst zastępczy',
+	btnUpload: 'Wyślij',
+	captioned: 'Obrazek z podpisem',
+	captionPlaceholder: 'Podpis',
+	infoTab: 'Informacje o obrazku',
+	lockRatio: 'Zablokuj proporcje',
+	menu: 'Właściwości obrazka',
+	pathName: 'obrazek',
+	pathNameCaption: 'podpis',
+	resetSize: 'Przywróć rozmiar',
+	resizer: 'Kliknij i przeciągnij, by zmienić rozmiar.',
+	title: 'Właściwości obrazka',
+	uploadTab: 'Wyślij',
+	urlMissing: 'Podaj adres URL obrazka.',
+	altMissing: 'Podaj tekst zastępczy obrazka.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'pl', {
+	alt: 'Tekst zastępczy',
+	btnUpload: 'Wyślij',
+	captioned: 'Obrazek z podpisem',
+	captionPlaceholder: 'Podpis',
+	infoTab: 'Informacje o obrazku',
+	lockRatio: 'Zablokuj proporcje',
+	menu: 'Właściwości obrazka',
+	pathName: 'obrazek',
+	pathNameCaption: 'podpis',
+	resetSize: 'Przywróć rozmiar',
+	resizer: 'Kliknij i przeciągnij, by zmienić rozmiar.',
+	title: 'Właściwości obrazka',
+	uploadTab: 'Wyślij',
+	urlMissing: 'Podaj adres URL obrazka.',
+	altMissing: 'Podaj tekst zastępczy obrazka.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'pt-br', {
+	alt: 'Texto Alternativo',
+	btnUpload: 'Enviar para o Servidor',
+	captioned: 'Legenda da Imagem',
+	captionPlaceholder: 'Legenda',
+	infoTab: 'Informações da Imagem',
+	lockRatio: 'Travar Proporções',
+	menu: 'Formatar Imagem',
+	pathName: 'Imagem',
+	pathNameCaption: 'Legenda',
+	resetSize: 'Redefinir para o Tamanho Original',
+	resizer: 'Click e arraste para redimensionar',
+	title: 'Formatar Imagem',
+	uploadTab: 'Enviar ao Servidor',
+	urlMissing: 'URL da imagem está faltando.',
+	altMissing: 'Texto alternativo não informado.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'pt-br', {
+	alt: 'Texto Alternativo',
+	btnUpload: 'Enviar para o Servidor',
+	captioned: 'Legenda da Imagem',
+	captionPlaceholder: 'Legenda',
+	infoTab: 'Informações da Imagem',
+	lockRatio: 'Travar Proporções',
+	menu: 'Formatar Imagem',
+	pathName: 'Imagem',
+	pathNameCaption: 'Legenda',
+	resetSize: 'Redefinir para o Tamanho Original',
+	resizer: 'Click e arraste para redimensionar',
+	title: 'Formatar Imagem',
+	uploadTab: 'Enviar ao Servidor',
+	urlMissing: 'URL da imagem está faltando.',
+	altMissing: 'Texto alternativo não informado.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'pt', {
+	alt: 'Texto alternativo',
+	btnUpload: 'Enviar para o servidor',
+	captioned: 'Imagem legendada',
+	captionPlaceholder: 'Legenda',
+	infoTab: 'Informação da imagem',
+	lockRatio: 'Proporcional',
+	menu: 'Propriedades da imagem',
+	pathName: 'imagem',
+	pathNameCaption: 'legenda',
+	resetSize: 'Tamanho original',
+	resizer: 'Clique e arraste para redimensionar',
+	title: 'Propriedades da imagem',
+	uploadTab: 'Carregar',
+	urlMissing: 'O URL de origem da imagem está em falta.',
+	altMissing: 'Texto alternativo em falta.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'pt', {
+	alt: 'Texto alternativo',
+	btnUpload: 'Enviar para o servidor',
+	captioned: 'Imagem legendada',
+	captionPlaceholder: 'Legenda',
+	infoTab: 'Informação da imagem',
+	lockRatio: 'Proporcional',
+	menu: 'Propriedades da imagem',
+	pathName: 'imagem',
+	pathNameCaption: 'legenda',
+	resetSize: 'Tamanho original',
+	resizer: 'Clique e arraste para redimensionar',
+	title: 'Propriedades da imagem',
+	uploadTab: 'Carregar',
+	urlMissing: 'O URL de origem da imagem está em falta.',
+	altMissing: 'Texto alternativo em falta.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ro', {
+	alt: 'Text alternativ',
+	btnUpload: 'Trimite la server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Informaţii despre imagine',
+	lockRatio: 'Păstrează proporţiile',
+	menu: 'Proprietăţile imaginii',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Resetează mărimea',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Proprietăţile imaginii',
+	uploadTab: 'Încarcă',
+	urlMissing: 'Sursa URL a imaginii lipsește.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ro', {
+	alt: 'Text alternativ',
+	btnUpload: 'Trimite la server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Informaţii despre imagine',
+	lockRatio: 'Păstrează proporţiile',
+	menu: 'Proprietăţile imaginii',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Resetează mărimea',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Proprietăţile imaginii',
+	uploadTab: 'Încarcă',
+	urlMissing: 'Sursa URL a imaginii lipsește.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ru', {
+	alt: 'Альтернативный текст',
+	btnUpload: 'Загрузить на сервер',
+	captioned: 'Отображать название',
+	captionPlaceholder: 'Название',
+	infoTab: 'Данные об изображении',
+	lockRatio: 'Сохранять пропорции',
+	menu: 'Свойства изображения',
+	pathName: 'изображение',
+	pathNameCaption: 'название',
+	resetSize: 'Вернуть обычные размеры',
+	resizer: 'Нажмите и растяните',
+	title: 'Свойства изображения',
+	uploadTab: 'Загрузка файла',
+	urlMissing: 'Не указана ссылка на изображение.',
+	altMissing: 'Не задан альтернативный текст'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ru', {
+	alt: 'Альтернативный текст',
+	btnUpload: 'Загрузить на сервер',
+	captioned: 'Отображать название',
+	captionPlaceholder: 'Название',
+	infoTab: 'Данные об изображении',
+	lockRatio: 'Сохранять пропорции',
+	menu: 'Свойства изображения',
+	pathName: 'изображение',
+	pathNameCaption: 'название',
+	resetSize: 'Вернуть обычные размеры',
+	resizer: 'Нажмите и растяните',
+	title: 'Свойства изображения',
+	uploadTab: 'Загрузка файла',
+	urlMissing: 'Не указана ссылка на изображение.',
+	altMissing: 'Не задан альтернативный текст'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'si', {
+	alt: 'විකල්ප ',
+	btnUpload: 'සේවාදායකය වෙත යොමුකිරිම',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'රුපයේ තොරතුරු',
+	lockRatio: 'නවතන අනුපාතය ',
+	menu: 'රුපයේ ගුණ',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'නැවතත් විශාලත්වය වෙනස් කිරීම',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'රුපයේ ',
+	uploadTab: 'උඩුගතකිරීම',
+	urlMissing: 'රුප මුලාශ්‍ර URL නැත.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'si', {
+	alt: 'විකල්ප ',
+	btnUpload: 'සේවාදායකය වෙත යොමුකිරිම',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'රුපයේ තොරතුරු',
+	lockRatio: 'නවතන අනුපාතය ',
+	menu: 'රුපයේ ගුණ',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'නැවතත් විශාලත්වය වෙනස් කිරීම',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'රුපයේ ',
+	uploadTab: 'උඩුගතකිරීම',
+	urlMissing: 'රුප මුලාශ්‍ර URL නැත.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'sk', {
+	alt: 'Alternatívny text',
+	btnUpload: 'Odoslať to na server',
+	captioned: 'Opísaný obrázok',
+	captionPlaceholder: 'Popis',
+	infoTab: 'Informácie o obrázku',
+	lockRatio: 'Pomer zámky',
+	menu: 'Vlastnosti obrázka',
+	pathName: 'obrázok',
+	pathNameCaption: 'popis',
+	resetSize: 'Pôvodná veľkosť',
+	resizer: 'Kliknite a potiahnite pre zmenu veľkosti',
+	title: 'Vlastnosti obrázka',
+	uploadTab: 'Nahrať',
+	urlMissing: 'Chýba URL zdroja obrázka.',
+	altMissing: 'Chýba alternatívny text.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'sk', {
+	alt: 'Alternatívny text',
+	btnUpload: 'Odoslať to na server',
+	captioned: 'Opísaný obrázok',
+	captionPlaceholder: 'Popis',
+	infoTab: 'Informácie o obrázku',
+	lockRatio: 'Pomer zámky',
+	menu: 'Vlastnosti obrázka',
+	pathName: 'obrázok',
+	pathNameCaption: 'popis',
+	resetSize: 'Pôvodná veľkosť',
+	resizer: 'Kliknite a potiahnite pre zmenu veľkosti',
+	title: 'Vlastnosti obrázka',
+	uploadTab: 'Nahrať',
+	urlMissing: 'Chýba URL zdroja obrázka.',
+	altMissing: 'Chýba alternatívny text.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'sl', {
+	alt: 'Nadomestno besedilo',
+	btnUpload: 'Pošlji na strežnik',
+	captioned: 'Slika z napisom',
+	captionPlaceholder: 'Napis',
+	infoTab: 'Podatki o sliki',
+	lockRatio: 'Zakleni razmerje',
+	menu: 'Lastnosti slike',
+	pathName: 'slika',
+	pathNameCaption: 'napis',
+	resetSize: 'Ponastavi velikost',
+	resizer: 'Kliknite in povlecite, da spremenite velikost',
+	title: 'Lastnosti slike',
+	uploadTab: 'Naloži',
+	urlMissing: 'Manjka vir (URL) slike.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'sl', {
+	alt: 'Nadomestno besedilo',
+	btnUpload: 'Pošlji na strežnik',
+	captioned: 'Slika z napisom',
+	captionPlaceholder: 'Napis',
+	infoTab: 'Podatki o sliki',
+	lockRatio: 'Zakleni razmerje',
+	menu: 'Lastnosti slike',
+	pathName: 'slika',
+	pathNameCaption: 'napis',
+	resetSize: 'Ponastavi velikost',
+	resizer: 'Kliknite in povlecite, da spremenite velikost',
+	title: 'Lastnosti slike',
+	uploadTab: 'Naloži',
+	urlMissing: 'Manjka vir (URL) slike.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'sq', {
+	alt: 'Tekst Alternativ',
+	btnUpload: 'Dërgo në server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Informacione mbi Fotografinë',
+	lockRatio: 'Mbyll Racionin',
+	menu: 'Karakteristikat e Fotografisë',
+	pathName: 'foto',
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Rikthe Madhësinë',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Karakteristikat e Fotografisë',
+	uploadTab: 'Ngarko',
+	urlMissing: 'Mungon URL e burimit të fotografisë.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'sq', {
+	alt: 'Tekst Alternativ',
+	btnUpload: 'Dërgo në server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Informacione mbi Fotografinë',
+	lockRatio: 'Mbyll Racionin',
+	menu: 'Karakteristikat e Fotografisë',
+	pathName: 'foto',
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Rikthe Madhësinë',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Karakteristikat e Fotografisë',
+	uploadTab: 'Ngarko',
+	urlMissing: 'Mungon URL e burimit të fotografisë.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'sr-latn', {
+	alt: 'Alternativni tekst',
+	btnUpload: 'Pošalji na server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Info slike',
+	lockRatio: 'Zaključaj odnos',
+	menu: 'Osobine slika',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Resetuj veličinu',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Osobine slika',
+	uploadTab: 'Pošalji',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'sr-latn', {
+	alt: 'Alternativni tekst',
+	btnUpload: 'Pošalji na server',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Info slike',
+	lockRatio: 'Zaključaj odnos',
+	menu: 'Osobine slika',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Resetuj veličinu',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Osobine slika',
+	uploadTab: 'Pošalji',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'sr', {
+	alt: 'Алтернативни текст',
+	btnUpload: 'Пошаљи на сервер',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Инфо слике',
+	lockRatio: 'Закључај однос',
+	menu: 'Особине слика',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Ресетуј величину',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Особине слика',
+	uploadTab: 'Пошаљи',
+	urlMissing: 'Недостаје УРЛ слике.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'sr', {
+	alt: 'Алтернативни текст',
+	btnUpload: 'Пошаљи на сервер',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'Инфо слике',
+	lockRatio: 'Закључај однос',
+	menu: 'Особине слика',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'Ресетуј величину',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'Особине слика',
+	uploadTab: 'Пошаљи',
+	urlMissing: 'Недостаје УРЛ слике.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'sv', {
+	alt: 'Alternativ text',
+	btnUpload: 'Skicka till server',
+	captioned: 'Rubricerad bild',
+	captionPlaceholder: 'Bildtext',
+	infoTab: 'Bildinformation',
+	lockRatio: 'Lås höjd/bredd förhållanden',
+	menu: 'Bildegenskaper',
+	pathName: 'bild',
+	pathNameCaption: 'rubrik',
+	resetSize: 'Återställ storlek',
+	resizer: 'Klicka och drag för att ändra storlek',
+	title: 'Bildegenskaper',
+	uploadTab: 'Ladda upp',
+	urlMissing: 'Bildkällans URL saknas.',
+	altMissing: 'Alternativ text saknas'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'sv', {
+	alt: 'Alternativ text',
+	btnUpload: 'Skicka till server',
+	captioned: 'Rubricerad bild',
+	captionPlaceholder: 'Bildtext',
+	infoTab: 'Bildinformation',
+	lockRatio: 'Lås höjd/bredd förhållanden',
+	menu: 'Bildegenskaper',
+	pathName: 'bild',
+	pathNameCaption: 'rubrik',
+	resetSize: 'Återställ storlek',
+	resizer: 'Klicka och drag för att ändra storlek',
+	title: 'Bildegenskaper',
+	uploadTab: 'Ladda upp',
+	urlMissing: 'Bildkällans URL saknas.',
+	altMissing: 'Alternativ text saknas'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'th', {
+	alt: 'คำประกอบรูปภาพ',
+	btnUpload: 'อัพโหลดไฟล์ไปเก็บไว้ที่เครื่องแม่ข่าย (เซิร์ฟเวอร์)',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'ข้อมูลของรูปภาพ',
+	lockRatio: 'กำหนดอัตราส่วน กว้าง-สูง แบบคงที่',
+	menu: 'คุณสมบัติของ รูปภาพ',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'กำหนดรูปเท่าขนาดจริง',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'คุณสมบัติของ รูปภาพ',
+	uploadTab: 'อัพโหลดไฟล์',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'th', {
+	alt: 'คำประกอบรูปภาพ',
+	btnUpload: 'อัพโหลดไฟล์ไปเก็บไว้ที่เครื่องแม่ข่าย (เซิร์ฟเวอร์)',
+	captioned: 'Captioned image', // MISSING
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'ข้อมูลของรูปภาพ',
+	lockRatio: 'กำหนดอัตราส่วน กว้าง-สูง แบบคงที่',
+	menu: 'คุณสมบัติของ รูปภาพ',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'กำหนดรูปเท่าขนาดจริง',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'คุณสมบัติของ รูปภาพ',
+	uploadTab: 'อัพโหลดไฟล์',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'tr', {
+	alt: 'Alternatif Yazı',
+	btnUpload: 'Sunucuya Yolla',
+	captioned: 'Başlıklı resim',
+	captionPlaceholder: 'Başlık',
+	infoTab: 'Resim Bilgisi',
+	lockRatio: 'Oranı Kilitle',
+	menu: 'Resim Özellikleri',
+	pathName: 'Resim',
+	pathNameCaption: 'başlık',
+	resetSize: 'Boyutu Başa Döndür',
+	resizer: 'Boyutlandırmak için, tıklayın ve sürükleyin',
+	title: 'Resim Özellikleri',
+	uploadTab: 'Karşıya Yükle',
+	urlMissing: 'Resmin URL kaynağı bulunamadı.',
+	altMissing: 'Alternatif yazı eksik.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'tr', {
+	alt: 'Alternatif Yazı',
+	btnUpload: 'Sunucuya Yolla',
+	captioned: 'Başlıklı resim',
+	captionPlaceholder: 'Başlık',
+	infoTab: 'Resim Bilgisi',
+	lockRatio: 'Oranı Kilitle',
+	menu: 'Resim Özellikleri',
+	pathName: 'Resim',
+	pathNameCaption: 'başlık',
+	resetSize: 'Boyutu Başa Döndür',
+	resizer: 'Boyutlandırmak için, tıklayın ve sürükleyin',
+	title: 'Resim Özellikleri',
+	uploadTab: 'Karşıya Yükle',
+	urlMissing: 'Resmin URL kaynağı bulunamadı.',
+	altMissing: 'Alternatif yazı eksik.'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'tt', {
+	alt: 'Альтернатив текст',
+	btnUpload: 'Серверга җибәрү',
+	captioned: 'Исеме куелган рәсем',
+	captionPlaceholder: 'Исем',
+	infoTab: 'Рәсем тасвирламасы',
+	lockRatio: 'Lock Ratio', // MISSING
+	menu: 'Рәсем үзлекләре',
+	pathName: 'рәсем',
+	pathNameCaption: 'исем',
+	resetSize: 'Баштагы зурлык',
+	resizer: 'Күчереп куер өчен басып шудырыгыз',
+	title: 'Рәсем үзлекләре',
+	uploadTab: 'Йөкләү',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'tt', {
+	alt: 'Альтернатив текст',
+	btnUpload: 'Серверга җибәрү',
+	captioned: 'Исеме куелган рәсем',
+	captionPlaceholder: 'Исем',
+	infoTab: 'Рәсем тасвирламасы',
+	lockRatio: 'Lock Ratio', // MISSING
+	menu: 'Рәсем үзлекләре',
+	pathName: 'рәсем',
+	pathNameCaption: 'исем',
+	resetSize: 'Баштагы зурлык',
+	resizer: 'Күчереп куер өчен басып шудырыгыз',
+	title: 'Рәсем үзлекләре',
+	uploadTab: 'Йөкләү',
+	urlMissing: 'Image source URL is missing.', // MISSING
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ug', {
+	alt: 'تېكىست ئالماشتۇر',
+	btnUpload: 'مۇلازىمېتىرغا يۈكلە',
+	captioned: 'ماۋزۇلۇق سۈرەت',
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'سۈرەت',
+	lockRatio: 'نىسبەتنى قۇلۇپلا',
+	menu: 'سۈرەت خاسلىقى',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'ئەسلى چوڭلۇق',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'سۈرەت خاسلىقى',
+	uploadTab: 'يۈكلە',
+	urlMissing: 'سۈرەتنىڭ ئەسلى ھۆججەت ئادرېسى كەم',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'ug', {
+	alt: 'تېكىست ئالماشتۇر',
+	btnUpload: 'مۇلازىمېتىرغا يۈكلە',
+	captioned: 'ماۋزۇلۇق سۈرەت',
+	captionPlaceholder: 'Caption', // MISSING
+	infoTab: 'سۈرەت',
+	lockRatio: 'نىسبەتنى قۇلۇپلا',
+	menu: 'سۈرەت خاسلىقى',
+	pathName: 'image', // MISSING
+	pathNameCaption: 'caption', // MISSING
+	resetSize: 'ئەسلى چوڭلۇق',
+	resizer: 'Click and drag to resize', // MISSING
+	title: 'سۈرەت خاسلىقى',
+	uploadTab: 'يۈكلە',
+	urlMissing: 'سۈرەتنىڭ ئەسلى ھۆججەت ئادرېسى كەم',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'uk', {
+	alt: 'Альтернативний текст',
+	btnUpload: 'Надіслати на сервер',
+	captioned: 'Підписане зображення',
+	captionPlaceholder: 'Заголовок',
+	infoTab: 'Інформація про зображення',
+	lockRatio: 'Зберегти пропорції',
+	menu: 'Властивості зображення',
+	pathName: 'Зображення',
+	pathNameCaption: 'заголовок',
+	resetSize: 'Очистити поля розмірів',
+	resizer: 'Клікніть та потягніть для зміни розмірів',
+	title: 'Властивості зображення',
+	uploadTab: 'Надіслати',
+	urlMissing: 'Вкажіть URL зображення.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'uk', {
+	alt: 'Альтернативний текст',
+	btnUpload: 'Надіслати на сервер',
+	captioned: 'Підписане зображення',
+	captionPlaceholder: 'Заголовок',
+	infoTab: 'Інформація про зображення',
+	lockRatio: 'Зберегти пропорції',
+	menu: 'Властивості зображення',
+	pathName: 'Зображення',
+	pathNameCaption: 'заголовок',
+	resetSize: 'Очистити поля розмірів',
+	resizer: 'Клікніть та потягніть для зміни розмірів',
+	title: 'Властивості зображення',
+	uploadTab: 'Надіслати',
+	urlMissing: 'Вкажіть URL зображення.',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'vi', {
+	alt: 'Chú thích ảnh',
+	btnUpload: 'Tải lên máy chủ',
+	captioned: 'Ảnh có chú thích',
+	captionPlaceholder: 'Nhãn',
+	infoTab: 'Thông tin của ảnh',
+	lockRatio: 'Giữ nguyên tỷ lệ',
+	menu: 'Thuộc tính của ảnh',
+	pathName: 'ảnh',
+	pathNameCaption: 'chú thích',
+	resetSize: 'Kích thước gốc',
+	resizer: 'Kéo rê để thay đổi kích cỡ',
+	title: 'Thuộc tính của ảnh',
+	uploadTab: 'Tải lên',
+	urlMissing: 'Thiếu đường dẫn hình ảnh',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'vi', {
+	alt: 'Chú thích ảnh',
+	btnUpload: 'Tải lên máy chủ',
+	captioned: 'Ảnh có chú thích',
+	captionPlaceholder: 'Nhãn',
+	infoTab: 'Thông tin của ảnh',
+	lockRatio: 'Giữ nguyên tỷ lệ',
+	menu: 'Thuộc tính của ảnh',
+	pathName: 'ảnh',
+	pathNameCaption: 'chú thích',
+	resetSize: 'Kích thước gốc',
+	resizer: 'Kéo rê để thay đổi kích cỡ',
+	title: 'Thuộc tính của ảnh',
+	uploadTab: 'Tải lên',
+	urlMissing: 'Thiếu đường dẫn hình ảnh',
+	altMissing: 'Alternative text is missing.' // MISSING
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'zh-cn', {
+	alt: '替换文本',
+	btnUpload: '上传到服务器',
+	captioned: '带标题图像',
+	captionPlaceholder: '标题',
+	infoTab: '图像信息',
+	lockRatio: '锁定比例',
+	menu: '图像属性',
+	pathName: '图像',
+	pathNameCaption: '标题',
+	resetSize: '原始尺寸',
+	resizer: '点击并拖拽以改变尺寸',
+	title: '图像属性',
+	uploadTab: '上传',
+	urlMissing: '缺少图像源文件地址',
+	altMissing: '缺少替换文本'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'zh-cn', {
+	alt: '替换文本',
+	btnUpload: '上传到服务器',
+	captioned: '带标题图像',
+	captionPlaceholder: '标题',
+	infoTab: '图像信息',
+	lockRatio: '锁定比例',
+	menu: '图像属性',
+	pathName: '图像',
+	pathNameCaption: '标题',
+	resetSize: '原始尺寸',
+	resizer: '点击并拖拽以改变尺寸',
+	title: '图像属性',
+	uploadTab: '上传',
+	urlMissing: '缺少图像源文件地址',
+	altMissing: '缺少替换文本'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'zh', {
+	alt: '替代文字',
+	btnUpload: '傳送至伺服器',
+	captioned: '已加標題之圖片',
+	captionPlaceholder: '標題',
+	infoTab: '影像資訊',
+	lockRatio: '固定比例',
+	menu: '影像屬性',
+	pathName: '圖片',
+	pathNameCaption: '標題',
+	resetSize: '重設大小',
+	resizer: '拖曳以改變大小',
+	title: '影像屬性',
+	uploadTab: '上傳',
+	urlMissing: '遺失圖片來源之 URL ',
+	altMissing: '替代文字遺失。'
+} );

+/*
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang( 'image2', 'zh', {
+	alt: '替代文字',
+	btnUpload: '傳送至伺服器',
+	captioned: '已加標題之圖片',
+	captionPlaceholder: '標題',
+	infoTab: '影像資訊',
+	lockRatio: '固定比例',
+	menu: '影像屬性',
+	pathName: '圖片',
+	pathNameCaption: '標題',
+	resetSize: '重設大小',
+	resizer: '拖曳以改變大小',
+	title: '影像屬性',
+	uploadTab: '上傳',
+	urlMissing: '遺失圖片來源之 URL ',
+	altMissing: '替代文字遺失。'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+
+'use strict';
+
+( function() {
+
+	var template = '<img alt="" src="" />',
+		templateBlock = new CKEDITOR.template(
+			'<figure class="{captionedClass}">' +
+				template +
+				'<figcaption>{captionPlaceholder}</figcaption>' +
+			'</figure>' ),
+		alignmentsObj = { left: 0, center: 1, right: 2 },
+		regexPercent = /^\s*(\d+\%)\s*$/i;
+
+	CKEDITOR.plugins.add( 'image2', {
+		// jscs:disable maximumLineLength
+		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%
+		// jscs:enable maximumLineLength
+		requires: 'widget,dialog',
+		icons: 'image',
+		hidpi: true,
+
+		onLoad: function() {
+			CKEDITOR.addCss(
+			'.cke_image_nocaption{' +
+				// This is to remove unwanted space so resize
+				// wrapper is displayed property.
+				'line-height:0' +
+			'}' +
+			'.cke_editable.cke_image_sw, .cke_editable.cke_image_sw *{cursor:sw-resize !important}' +
+			'.cke_editable.cke_image_se, .cke_editable.cke_image_se *{cursor:se-resize !important}' +
+			'.cke_image_resizer{' +
+				'display:none;' +
+				'position:absolute;' +
+				'width:10px;' +
+				'height:10px;' +
+				'bottom:-5px;' +
+				'right:-5px;' +
+				'background:#000;' +
+				'outline:1px solid #fff;' +
+				// Prevent drag handler from being misplaced (http://dev.ckeditor.com/ticket/11207).
+				'line-height:0;' +
+				'cursor:se-resize;' +
+			'}' +
+			'.cke_image_resizer_wrapper{' +
+				'position:relative;' +
+				'display:inline-block;' +
+				'line-height:0;' +
+			'}' +
+			// Bottom-left corner style of the resizer.
+			'.cke_image_resizer.cke_image_resizer_left{' +
+				'right:auto;' +
+				'left:-5px;' +
+				'cursor:sw-resize;' +
+			'}' +
+			'.cke_widget_wrapper:hover .cke_image_resizer,' +
+			'.cke_image_resizer.cke_image_resizing{' +
+				'display:block' +
+			'}' +
+			// Expand widget wrapper when linked inline image.
+			'.cke_widget_wrapper>a{' +
+				'display:inline-block' +
+			'}' );
+		},
+
+		init: function( editor ) {
+			// Adapts configuration from original image plugin. Should be removed
+			// when we'll rename image2 to image.
+			var config = editor.config,
+				lang = editor.lang.image2,
+				image = widgetDef( editor );
+
+			// Since filebrowser plugin discovers config properties by dialog (plugin?)
+			// names (sic!), this hack will be necessary as long as Image2 is not named
+			// Image. And since Image2 will never be Image, for sure some filebrowser logic
+			// got to be refined.
+			config.filebrowserImage2BrowseUrl = config.filebrowserImageBrowseUrl;
+			config.filebrowserImage2UploadUrl = config.filebrowserImageUploadUrl;
+
+			// Add custom elementspath names to widget definition.
+			image.pathName = lang.pathName;
+			image.editables.caption.pathName = lang.pathNameCaption;
+
+			// Register the widget.
+			editor.widgets.add( 'image', image );
+
+			// Add toolbar button for this plugin.
+			editor.ui.addButton && editor.ui.addButton( 'Image', {
+				label: editor.lang.common.image,
+				command: 'image',
+				toolbar: 'insert,10'
+			} );
+
+			// Register context menu option for editing widget.
+			if ( editor.contextMenu ) {
+				editor.addMenuGroup( 'image', 10 );
+
+				editor.addMenuItem( 'image', {
+					label: lang.menu,
+					command: 'image',
+					group: 'image'
+				} );
+			}
+
+			CKEDITOR.dialog.add( 'image2', this.path + 'dialogs/image2.js' );
+		},
+
+		afterInit: function( editor ) {
+			// Integrate with align commands (justify plugin).
+			var align = { left: 1, right: 1, center: 1, block: 1 },
+				integrate = alignCommandIntegrator( editor );
+
+			for ( var value in align )
+				integrate( value );
+
+			// Integrate with link commands (link plugin).
+			linkCommandIntegrator( editor );
+		}
+	} );
+
+	// Wiget states (forms) depending on alignment and configuration.
+	//
+	// Non-captioned widget (inline styles)
+	// 		┌──────┬───────────────────────────────┬─────────────────────────────┐
+	// 		│Align │Internal form                  │Data                         │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│none  │<wrapper>                      │<img />                      │
+	// 		│      │ <img />                       │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│left  │<wrapper style=”float:left”>   │<img style=”float:left” />   │
+	// 		│      │ <img />                       │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│center│<wrapper>                      │<p style=”text-align:center”>│
+	// 		│      │ <p style=”text-align:center”> │  <img />                    │
+	// 		│      │   <img />                     │</p>                         │
+	// 		│      │ </p>                          │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│right │<wrapper style=”float:right”>  │<img style=”float:right” />  │
+	// 		│      │ <img />                       │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		└──────┴───────────────────────────────┴─────────────────────────────┘
+	//
+	// Non-captioned widget (config.image2_alignClasses defined)
+	// 		┌──────┬───────────────────────────────┬─────────────────────────────┐
+	// 		│Align │Internal form                  │Data                         │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│none  │<wrapper>                      │<img />                      │
+	// 		│      │ <img />                       │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│left  │<wrapper class=”left”>         │<img class=”left” />         │
+	// 		│      │ <img />                       │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│center│<wrapper>                      │<p class=”center”>           │
+	// 		│      │ <p class=”center”>            │ <img />                     │
+	// 		│      │   <img />                     │</p>                         │
+	// 		│      │ </p>                          │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│right │<wrapper class=”right”>        │<img class=”right” />        │
+	// 		│      │ <img />                       │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		└──────┴───────────────────────────────┴─────────────────────────────┘
+	//
+	// Captioned widget (inline styles)
+	// 		┌──────┬────────────────────────────────────────┬────────────────────────────────────────┐
+	// 		│Align │Internal form                           │Data                                    │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│none  │<wrapper>                               │<figure />                              │
+	// 		│      │ <figure />                             │                                        │
+	// 		│      │</wrapper>                              │                                        │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│left  │<wrapper style=”float:left”>            │<figure style=”float:left” />           │
+	// 		│      │ <figure />                             │                                        │
+	// 		│      │</wrapper>                              │                                        │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│center│<wrapper style=”text-align:center”>     │<div style=”text-align:center”>         │
+	// 		│      │ <figure style=”display:inline-block” />│ <figure style=”display:inline-block” />│
+	// 		│      │</wrapper>                              │</p>                                    │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│right │<wrapper style=”float:right”>           │<figure style=”float:right” />          │
+	// 		│      │ <figure />                             │                                        │
+	// 		│      │</wrapper>                              │                                        │
+	// 		└──────┴────────────────────────────────────────┴────────────────────────────────────────┘
+	//
+	// Captioned widget (config.image2_alignClasses defined)
+	// 		┌──────┬────────────────────────────────────────┬────────────────────────────────────────┐
+	// 		│Align │Internal form                           │Data                                    │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│none  │<wrapper>                               │<figure />                              │
+	// 		│      │ <figure />                             │                                        │
+	// 		│      │</wrapper>                              │                                        │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│left  │<wrapper class=”left”>                  │<figure class=”left” />                 │
+	// 		│      │ <figure />                             │                                        │
+	// 		│      │</wrapper>                              │                                        │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│center│<wrapper class=”center”>                │<div class=”center”>                    │
+	// 		│      │ <figure />                             │ <figure />                             │
+	// 		│      │</wrapper>                              │</p>                                    │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│right │<wrapper class=”right”>                 │<figure class=”right” />                │
+	// 		│      │ <figure />                             │                                        │
+	// 		│      │</wrapper>                              │                                        │
+	// 		└──────┴────────────────────────────────────────┴────────────────────────────────────────┘
+	//
+	// @param {CKEDITOR.editor}
+	// @returns {Object}
+	function widgetDef( editor ) {
+		var alignClasses = editor.config.image2_alignClasses,
+			captionedClass = editor.config.image2_captionedClass;
+
+		function deflate() {
+			if ( this.deflated )
+				return;
+
+			// Remember whether widget was focused before destroyed.
+			if ( editor.widgets.focused == this.widget )
+				this.focused = true;
+
+			editor.widgets.destroy( this.widget );
+
+			// Mark widget was destroyed.
+			this.deflated = true;
+		}
+
+		function inflate() {
+			var editable = editor.editable(),
+			doc = editor.document;
+
+			// Create a new widget. This widget will be either captioned
+			// non-captioned, block or inline according to what is the
+			// new state of the widget.
+			if ( this.deflated ) {
+				this.widget = editor.widgets.initOn( this.element, 'image', this.widget.data );
+
+				// Once widget was re-created, it may become an inline element without
+				// block wrapper (i.e. when unaligned, end not captioned). Let's do some
+				// sort of autoparagraphing here (http://dev.ckeditor.com/ticket/10853).
+				if ( this.widget.inline && !( new CKEDITOR.dom.elementPath( this.widget.wrapper, editable ).block ) ) {
+					var block = doc.createElement( editor.activeEnterMode == CKEDITOR.ENTER_P ? 'p' : 'div' );
+					block.replace( this.widget.wrapper );
+					this.widget.wrapper.move( block );
+				}
+
+				// The focus must be transferred from the old one (destroyed)
+				// to the new one (just created).
+				if ( this.focused ) {
+					this.widget.focus();
+					delete this.focused;
+				}
+
+				delete this.deflated;
+			}
+
+			// If now widget was destroyed just update wrapper's alignment.
+			// According to the new state.
+			else {
+				setWrapperAlign( this.widget, alignClasses );
+			}
+		}
+
+		return {
+			allowedContent: getWidgetAllowedContent( editor ),
+
+			requiredContent: 'img[src,alt]',
+
+			features: getWidgetFeatures( editor ),
+
+			styleableElements: 'img figure',
+
+			// This widget converts style-driven dimensions to attributes.
+			contentTransformations: [
+				[ 'img[width]: sizeToAttribute' ]
+			],
+
+			// This widget has an editable caption.
+			editables: {
+				caption: {
+					selector: 'figcaption',
+					allowedContent: 'br em strong sub sup u s; a[!href,target]'
+				}
+			},
+
+			parts: {
+				image: 'img',
+				caption: 'figcaption'
+				// parts#link defined in widget#init
+			},
+
+			// The name of this widget's dialog.
+			dialog: 'image2',
+
+			// Template of the widget: plain image.
+			template: template,
+
+			data: function() {
+				var features = this.features;
+
+				// Image can't be captioned when figcaption is disallowed (http://dev.ckeditor.com/ticket/11004).
+				if ( this.data.hasCaption && !editor.filter.checkFeature( features.caption ) )
+					this.data.hasCaption = false;
+
+				// Image can't be aligned when floating is disallowed (http://dev.ckeditor.com/ticket/11004).
+				if ( this.data.align != 'none' && !editor.filter.checkFeature( features.align ) )
+					this.data.align = 'none';
+
+				// Convert the internal form of the widget from the old state to the new one.
+				this.shiftState( {
+					widget: this,
+					element: this.element,
+					oldData: this.oldData,
+					newData: this.data,
+					deflate: deflate,
+					inflate: inflate
+				} );
+
+				// Update widget.parts.link since it will not auto-update unless widget
+				// is destroyed and re-inited.
+				if ( !this.data.link ) {
+					if ( this.parts.link )
+						delete this.parts.link;
+				} else {
+					if ( !this.parts.link )
+						this.parts.link = this.parts.image.getParent();
+				}
+
+				this.parts.image.setAttributes( {
+					src: this.data.src,
+
+					// This internal is required by the editor.
+					'data-cke-saved-src': this.data.src,
+
+					alt: this.data.alt
+				} );
+
+				// If shifting non-captioned -> captioned, remove classes
+				// related to styles from <img/>.
+				if ( this.oldData && !this.oldData.hasCaption && this.data.hasCaption ) {
+					for ( var c in this.data.classes )
+						this.parts.image.removeClass( c );
+				}
+
+				// Set dimensions of the image according to gathered data.
+				// Do it only when the attributes are allowed (http://dev.ckeditor.com/ticket/11004).
+				if ( editor.filter.checkFeature( features.dimension ) )
+					setDimensions( this );
+
+				// Cache current data.
+				this.oldData = CKEDITOR.tools.extend( {}, this.data );
+			},
+
+			init: function() {
+				var helpers = CKEDITOR.plugins.image2,
+					image = this.parts.image,
+					data = {
+						hasCaption: !!this.parts.caption,
+						src: image.getAttribute( 'src' ),
+						alt: image.getAttribute( 'alt' ) || '',
+						width: image.getAttribute( 'width' ) || '',
+						height: image.getAttribute( 'height' ) || '',
+
+						// Lock ratio is on by default (http://dev.ckeditor.com/ticket/10833).
+						lock: this.ready ? helpers.checkHasNaturalRatio( image ) : true
+					};
+
+				// If we used 'a' in widget#parts definition, it could happen that
+				// selected element is a child of widget.parts#caption. Since there's no clever
+				// way to solve it with CSS selectors, it's done like that. (http://dev.ckeditor.com/ticket/11783).
+				var link = image.getAscendant( 'a' );
+
+				if ( link && this.wrapper.contains( link ) )
+					this.parts.link = link;
+
+				// Depending on configuration, read style/class from element and
+				// then remove it. Removed style/class will be set on wrapper in #data listener.
+				// Note: Center alignment is detected during upcast, so only left/right cases
+				// are checked below.
+				if ( !data.align ) {
+					var alignElement = data.hasCaption ? this.element : image;
+
+					// Read the initial left/right alignment from the class set on element.
+					if ( alignClasses ) {
+						if ( alignElement.hasClass( alignClasses[ 0 ] ) ) {
+							data.align = 'left';
+						} else if ( alignElement.hasClass( alignClasses[ 2 ] ) ) {
+							data.align = 'right';
+						}
+
+						if ( data.align ) {
+							alignElement.removeClass( alignClasses[ alignmentsObj[ data.align ] ] );
+						} else {
+							data.align = 'none';
+						}
+					}
+					// Read initial float style from figure/image and then remove it.
+					else {
+						data.align = alignElement.getStyle( 'float' ) || 'none';
+						alignElement.removeStyle( 'float' );
+					}
+				}
+
+				// Update data.link object with attributes if the link has been discovered.
+				if ( editor.plugins.link && this.parts.link ) {
+					data.link = helpers.getLinkAttributesParser()( editor, this.parts.link );
+
+					// Get rid of cke_widget_* classes in data. Otherwise
+					// they might appear in link dialog.
+					var advanced = data.link.advanced;
+					if ( advanced && advanced.advCSSClasses ) {
+						advanced.advCSSClasses = CKEDITOR.tools.trim( advanced.advCSSClasses.replace( /cke_\S+/, '' ) );
+					}
+				}
+
+				// Get rid of extra vertical space when there's no caption.
+				// It will improve the look of the resizer.
+				this.wrapper[ ( data.hasCaption ? 'remove' : 'add' ) + 'Class' ]( 'cke_image_nocaption' );
+
+				this.setData( data );
+
+				// Setup dynamic image resizing with mouse.
+				// Don't initialize resizer when dimensions are disallowed (http://dev.ckeditor.com/ticket/11004).
+				// Don't initialize resizer when editor.readOnly is set to true (#719).
+				if ( editor.filter.checkFeature( this.features.dimension ) && editor.config.image2_disableResizer !== true && editor.readOnly != true ) {
+					setupResizer( this );
+				}
+
+				this.shiftState = helpers.stateShifter( this.editor );
+
+				// Add widget editing option to its context menu.
+				this.on( 'contextMenu', function( evt ) {
+					evt.data.image = CKEDITOR.TRISTATE_OFF;
+
+					// Integrate context menu items for link.
+					// Note that widget may be wrapped in a link, which
+					// does not belong to that widget (http://dev.ckeditor.com/ticket/11814).
+					if ( this.parts.link || this.wrapper.getAscendant( 'a' ) )
+						evt.data.link = evt.data.unlink = CKEDITOR.TRISTATE_OFF;
+				} );
+
+				// Pass the reference to this widget to the dialog.
+				this.on( 'dialog', function( evt ) {
+					evt.data.widget = this;
+				}, this );
+			},
+
+			// Overrides default method to handle internal mutability of Image2.
+			// @see CKEDITOR.plugins.widget#addClass
+			addClass: function( className ) {
+				getStyleableElement( this ).addClass( className );
+			},
+
+			// Overrides default method to handle internal mutability of Image2.
+			// @see CKEDITOR.plugins.widget#hasClass
+			hasClass: function( className ) {
+				return getStyleableElement( this ).hasClass( className );
+			},
+
+			// Overrides default method to handle internal mutability of Image2.
+			// @see CKEDITOR.plugins.widget#removeClass
+			removeClass: function( className ) {
+				getStyleableElement( this ).removeClass( className );
+			},
+
+			// Overrides default method to handle internal mutability of Image2.
+			// @see CKEDITOR.plugins.widget#getClasses
+			getClasses: ( function() {
+				var classRegex = new RegExp( '^(' + [].concat( captionedClass, alignClasses ).join( '|' ) + ')$' );
+
+				return function() {
+					var classes = this.repository.parseElementClasses( getStyleableElement( this ).getAttribute( 'class' ) );
+
+					// Neither config.image2_captionedClass nor config.image2_alignClasses
+					// do not belong to style classes.
+					for ( var c in classes ) {
+						if ( classRegex.test( c ) )
+							delete classes[ c ];
+					}
+
+					return classes;
+				};
+			} )(),
+
+			upcast: upcastWidgetElement( editor ),
+			downcast: downcastWidgetElement( editor ),
+
+			getLabel: function() {
+				var label = ( this.data.alt || '' ) + ' ' + this.pathName;
+
+				return this.editor.lang.widget.label.replace( /%1/, label );
+			}
+		};
+	}
+
+	/**
+	 * A set of Enhanced Image (image2) plugin helpers.
+	 *
+	 * @class
+	 * @singleton
+	 */
+	CKEDITOR.plugins.image2 = {
+		stateShifter: function( editor ) {
+			// Tag name used for centering non-captioned widgets.
+			var doc = editor.document,
+				alignClasses = editor.config.image2_alignClasses,
+				captionedClass = editor.config.image2_captionedClass,
+				editable = editor.editable(),
+
+				// The order that stateActions get executed. It matters!
+				shiftables = [ 'hasCaption', 'align', 'link' ];
+
+			// Atomic procedures, one per state variable.
+			var stateActions = {
+				align: function( shift, oldValue, newValue ) {
+					var el = shift.element;
+
+					// Alignment changed.
+					if ( shift.changed.align ) {
+						// No caption in the new state.
+						if ( !shift.newData.hasCaption ) {
+							// Changed to "center" (non-captioned).
+							if ( newValue == 'center' ) {
+								shift.deflate();
+								shift.element = wrapInCentering( editor, el );
+							}
+
+							// Changed to "non-center" from "center" while caption removed.
+							if ( !shift.changed.hasCaption && oldValue == 'center' && newValue != 'center' ) {
+								shift.deflate();
+								shift.element = unwrapFromCentering( el );
+							}
+						}
+					}
+
+					// Alignment remains and "center" removed caption.
+					else if ( newValue == 'center' && shift.changed.hasCaption && !shift.newData.hasCaption ) {
+						shift.deflate();
+						shift.element = wrapInCentering( editor, el );
+					}
+
+					// Finally set display for figure.
+					if ( !alignClasses && el.is( 'figure' ) ) {
+						if ( newValue == 'center' )
+							el.setStyle( 'display', 'inline-block' );
+						else
+							el.removeStyle( 'display' );
+					}
+				},
+
+				hasCaption:	function( shift, oldValue, newValue ) {
+					// This action is for real state change only.
+					if ( !shift.changed.hasCaption )
+						return;
+
+					// Get <img/> or <a><img/></a> from widget. Note that widget element might itself
+					// be what we're looking for. Also element can be <p style="text-align:center"><a>...</a></p>.
+					var imageOrLink;
+					if ( shift.element.is( { img: 1, a: 1 } ) )
+						imageOrLink = shift.element;
+					else
+						imageOrLink =  shift.element.findOne( 'a,img' );
+
+					// Switching hasCaption always destroys the widget.
+					shift.deflate();
+
+					// There was no caption, but the caption is to be added.
+					if ( newValue ) {
+						// Create new <figure> from widget template.
+						var figure = CKEDITOR.dom.element.createFromHtml( templateBlock.output( {
+							captionedClass: captionedClass,
+							captionPlaceholder: editor.lang.image2.captionPlaceholder
+						} ), doc );
+
+						// Replace element with <figure>.
+						replaceSafely( figure, shift.element );
+
+						// Use old <img/> or <a><img/></a> instead of the one from the template,
+						// so we won't lose additional attributes.
+						imageOrLink.replace( figure.findOne( 'img' ) );
+
+						// Update widget's element.
+						shift.element = figure;
+					}
+
+					// The caption was present, but now it's to be removed.
+					else {
+						// Unwrap <img/> or <a><img/></a> from figure.
+						imageOrLink.replace( shift.element );
+
+						// Update widget's element.
+						shift.element = imageOrLink;
+					}
+				},
+
+				link: function( shift, oldValue, newValue ) {
+					if ( shift.changed.link ) {
+						var img = shift.element.is( 'img' ) ?
+								shift.element : shift.element.findOne( 'img' ),
+							link = shift.element.is( 'a' ) ?
+								shift.element : shift.element.findOne( 'a' ),
+							// Why deflate:
+							// If element is <img/>, it will be wrapped into <a>,
+							// which becomes a new widget.element.
+							// If element is <a><img/></a>, it will be unlinked
+							// so <img/> becomes a new widget.element.
+							needsDeflate = ( shift.element.is( 'a' ) && !newValue ) || ( shift.element.is( 'img' ) && newValue ),
+							newEl;
+
+						if ( needsDeflate )
+							shift.deflate();
+
+						// If unlinked the image, returned element is <img>.
+						if ( !newValue )
+							newEl = unwrapFromLink( link );
+						else {
+							// If linked the image, returned element is <a>.
+							if ( !oldValue )
+								newEl = wrapInLink( img, shift.newData.link );
+
+							// Set and remove all attributes associated with this state.
+							var attributes = CKEDITOR.plugins.image2.getLinkAttributesGetter()( editor, newValue );
+
+							if ( !CKEDITOR.tools.isEmpty( attributes.set ) )
+								( newEl || link ).setAttributes( attributes.set );
+
+							if ( attributes.removed.length )
+								( newEl || link ).removeAttributes( attributes.removed );
+						}
+
+						if ( needsDeflate )
+							shift.element = newEl;
+					}
+				}
+			};
+
+			function wrapInCentering( editor, element ) {
+				var attribsAndStyles = {};
+
+				if ( alignClasses )
+					attribsAndStyles.attributes = { 'class': alignClasses[ 1 ] };
+				else
+					attribsAndStyles.styles = { 'text-align': 'center' };
+
+				// There's no gentle way to center inline element with CSS, so create p/div
+				// that wraps widget contents and does the trick either with style or class.
+				var center = doc.createElement(
+					editor.activeEnterMode == CKEDITOR.ENTER_P ? 'p' : 'div', attribsAndStyles );
+
+				// Replace element with centering wrapper.
+				replaceSafely( center, element );
+				element.move( center );
+
+				return center;
+			}
+
+			function unwrapFromCentering( element ) {
+				var imageOrLink = element.findOne( 'a,img' );
+
+				imageOrLink.replace( element );
+
+				return imageOrLink;
+			}
+
+			// Wraps <img/> -> <a><img/></a>.
+			// Returns reference to <a>.
+			//
+			// @param {CKEDITOR.dom.element} img
+			// @param {Object} linkData
+			// @returns {CKEDITOR.dom.element}
+			function wrapInLink( img, linkData ) {
+				var link = doc.createElement( 'a', {
+					attributes: {
+						href: linkData.url
+					}
+				} );
+
+				link.replace( img );
+				img.move( link );
+
+				return link;
+			}
+
+			// De-wraps <a><img/></a> -> <img/>.
+			// Returns the reference to <img/>
+			//
+			// @param {CKEDITOR.dom.element} link
+			// @returns {CKEDITOR.dom.element}
+			function unwrapFromLink( link ) {
+				var img = link.findOne( 'img' );
+
+				img.replace( link );
+
+				return img;
+			}
+
+			function replaceSafely( replacing, replaced ) {
+				if ( replaced.getParent() ) {
+					var range = editor.createRange();
+
+					range.moveToPosition( replaced, CKEDITOR.POSITION_BEFORE_START );
+
+					// Remove old element. Do it before insertion to avoid a case when
+					// element is moved from 'replaced' element before it, what creates
+					// a tricky case which insertElementIntorRange does not handle.
+					replaced.remove();
+
+					editable.insertElementIntoRange( replacing, range );
+				}
+				else {
+					replacing.replace( replaced );
+				}
+			}
+
+			return function( shift ) {
+				var name, i;
+
+				shift.changed = {};
+
+				for ( i = 0; i < shiftables.length; i++ ) {
+					name = shiftables[ i ];
+
+					shift.changed[ name ] = shift.oldData ?
+						shift.oldData[ name ] !== shift.newData[ name ] : false;
+				}
+
+				// Iterate over possible state variables.
+				for ( i = 0; i < shiftables.length; i++ ) {
+					name = shiftables[ i ];
+
+					stateActions[ name ]( shift,
+						shift.oldData ? shift.oldData[ name ] : null,
+						shift.newData[ name ] );
+				}
+
+				shift.inflate();
+			};
+		},
+
+		/**
+		 * Checks whether the current image ratio matches the natural one
+		 * by comparing dimensions.
+		 *
+		 * @param {CKEDITOR.dom.element} image
+		 * @returns {Boolean}
+		 */
+		checkHasNaturalRatio: function( image ) {
+			var $ = image.$,
+				natural = this.getNatural( image );
+
+			// The reason for two alternative comparisons is that the rounding can come from
+			// both dimensions, e.g. there are two cases:
+			// 	1. height is computed as a rounded relation of the real height and the value of width,
+			//	2. width is computed as a rounded relation of the real width and the value of heigh.
+			return Math.round( $.clientWidth / natural.width * natural.height ) == $.clientHeight ||
+				Math.round( $.clientHeight / natural.height * natural.width ) == $.clientWidth;
+		},
+
+		/**
+		 * Returns natural dimensions of the image. For modern browsers
+		 * it uses natural(Width|Height). For old ones (IE8) it creates
+		 * a new image and reads the dimensions.
+		 *
+		 * @param {CKEDITOR.dom.element} image
+		 * @returns {Object}
+		 */
+		getNatural: function( image ) {
+			var dimensions;
+
+			if ( image.$.naturalWidth ) {
+				dimensions = {
+					width: image.$.naturalWidth,
+					height: image.$.naturalHeight
+				};
+			} else {
+				var img = new Image();
+				img.src = image.getAttribute( 'src' );
+
+				dimensions = {
+					width: img.width,
+					height: img.height
+				};
+			}
+
+			return dimensions;
+		},
+
+		/**
+		 * Returns an attribute getter function. Default getter comes from the Link plugin
+		 * and is documented by {@link CKEDITOR.plugins.link#getLinkAttributes}.
+		 *
+		 * **Note:** It is possible to override this method and use a custom getter e.g.
+		 * in the absence of the Link plugin.
+		 *
+		 * **Note:** If a custom getter is used, a data model format it produces
+		 * must be compatible with {@link CKEDITOR.plugins.link#getLinkAttributes}.
+		 *
+		 * **Note:** A custom getter must understand the data model format produced by
+		 * {@link #getLinkAttributesParser} to work correctly.
+		 *
+		 * @returns {Function} A function that gets (composes) link attributes.
+		 * @since 4.5.5
+		 */
+		getLinkAttributesGetter: function() {
+			// http://dev.ckeditor.com/ticket/13885
+			return CKEDITOR.plugins.link.getLinkAttributes;
+		},
+
+		/**
+		 * Returns an attribute parser function. Default parser comes from the Link plugin
+		 * and is documented by {@link CKEDITOR.plugins.link#parseLinkAttributes}.
+		 *
+		 * **Note:** It is possible to override this method and use a custom parser e.g.
+		 * in the absence of the Link plugin.
+		 *
+		 * **Note:** If a custom parser is used, a data model format produced by the parser
+		 * must be compatible with {@link #getLinkAttributesGetter}.
+		 *
+		 * **Note:** If a custom parser is used, it should be compatible with the
+		 * {@link CKEDITOR.plugins.link#parseLinkAttributes} data model format. Otherwise the
+		 * Link plugin dialog may not be populated correctly with parsed data. However
+		 * as long as Enhanced Image is **not** used with the Link plugin dialog, any custom data model
+		 * will work, being stored as an internal property of Enhanced Image widget's data only.
+		 *
+		 * @returns {Function} A function that parses attributes.
+		 * @since 4.5.5
+		 */
+		getLinkAttributesParser: function() {
+			// http://dev.ckeditor.com/ticket/13885
+			return CKEDITOR.plugins.link.parseLinkAttributes;
+		}
+	};
+
+	function setWrapperAlign( widget, alignClasses ) {
+		var wrapper = widget.wrapper,
+			align = widget.data.align,
+			hasCaption = widget.data.hasCaption;
+
+		if ( alignClasses ) {
+			// Remove all align classes first.
+			for ( var i = 3; i--; )
+				wrapper.removeClass( alignClasses[ i ] );
+
+			if ( align == 'center' ) {
+				// Avoid touching non-captioned, centered widgets because
+				// they have the class set on the element instead of wrapper:
+				//
+				// 	<div class="cke_widget_wrapper">
+				// 		<p class="center-class">
+				// 			<img />
+				// 		</p>
+				// 	</div>
+				if ( hasCaption ) {
+					wrapper.addClass( alignClasses[ 1 ] );
+				}
+			} else if ( align != 'none' ) {
+				wrapper.addClass( alignClasses[ alignmentsObj[ align ] ] );
+			}
+		} else {
+			if ( align == 'center' ) {
+				if ( hasCaption )
+					wrapper.setStyle( 'text-align', 'center' );
+				else
+					wrapper.removeStyle( 'text-align' );
+
+				wrapper.removeStyle( 'float' );
+			}
+			else {
+				if ( align == 'none' )
+					wrapper.removeStyle( 'float' );
+				else
+					wrapper.setStyle( 'float', align );
+
+				wrapper.removeStyle( 'text-align' );
+			}
+		}
+	}
+
+	// Returns a function that creates widgets from all <img> and
+	// <figure class="{config.image2_captionedClass}"> elements.
+	//
+	// @param {CKEDITOR.editor} editor
+	// @returns {Function}
+	function upcastWidgetElement( editor ) {
+		var isCenterWrapper = centerWrapperChecker( editor ),
+			captionedClass = editor.config.image2_captionedClass;
+
+		// @param {CKEDITOR.htmlParser.element} el
+		// @param {Object} data
+		return function( el, data ) {
+			var dimensions = { width: 1, height: 1 },
+				name = el.name,
+				image;
+
+			// http://dev.ckeditor.com/ticket/11110 Don't initialize on pasted fake objects.
+			if ( el.attributes[ 'data-cke-realelement' ] )
+				return;
+
+			// If a center wrapper is found, there are 3 possible cases:
+			//
+			// 1. <div style="text-align:center"><figure>...</figure></div>.
+			//    In this case centering is done with a class set on widget.wrapper.
+			//    Simply replace centering wrapper with figure (it's no longer necessary).
+			//
+			// 2. <p style="text-align:center"><img/></p>.
+			//    Nothing to do here: <p> remains for styling purposes.
+			//
+			// 3. <div style="text-align:center"><img/></div>.
+			//    Nothing to do here (2.) but that case is only possible in enterMode different
+			//    than ENTER_P.
+			if ( isCenterWrapper( el ) ) {
+				if ( name == 'div' ) {
+					var figure = el.getFirst( 'figure' );
+
+					// Case #1.
+					if ( figure ) {
+						el.replaceWith( figure );
+						el = figure;
+					}
+				}
+				// Cases #2 and #3 (handled transparently)
+
+				// If there's a centering wrapper, save it in data.
+				data.align = 'center';
+
+				// Image can be wrapped in link <a><img/></a>.
+				image = el.getFirst( 'img' ) || el.getFirst( 'a' ).getFirst( 'img' );
+			}
+
+			// No center wrapper has been found.
+			else if ( name == 'figure' && el.hasClass( captionedClass ) ) {
+				image = el.getFirst( 'img' ) || el.getFirst( 'a' ).getFirst( 'img' );
+
+				// Upcast linked image like <a><img/></a>.
+			} else if ( isLinkedOrStandaloneImage( el ) ) {
+				image = el.name == 'a' ? el.children[ 0 ] : el;
+			}
+
+			if ( !image )
+				return;
+
+			// If there's an image, then cool, we got a widget.
+			// Now just remove dimension attributes expressed with %.
+			for ( var d in dimensions ) {
+				var dimension = image.attributes[ d ];
+
+				if ( dimension && dimension.match( regexPercent ) )
+					delete image.attributes[ d ];
+			}
+
+			return el;
+		};
+	}
+
+	// Returns a function which transforms the widget to the external format
+	// according to the current configuration.
+	//
+	// @param {CKEDITOR.editor}
+	function downcastWidgetElement( editor ) {
+		var alignClasses = editor.config.image2_alignClasses;
+
+		// @param {CKEDITOR.htmlParser.element} el
+		return function( el ) {
+			// In case of <a><img/></a>, <img/> is the element to hold
+			// inline styles or classes (image2_alignClasses).
+			var attrsHolder = el.name == 'a' ? el.getFirst() : el,
+				attrs = attrsHolder.attributes,
+				align = this.data.align;
+
+			// De-wrap the image from resize handle wrapper.
+			// Only block widgets have one.
+			if ( !this.inline ) {
+				var resizeWrapper = el.getFirst( 'span' );
+
+				if ( resizeWrapper )
+					resizeWrapper.replaceWith( resizeWrapper.getFirst( { img: 1, a: 1 } ) );
+			}
+
+			if ( align && align != 'none' ) {
+				var styles = CKEDITOR.tools.parseCssText( attrs.style || '' );
+
+				// When the widget is captioned (<figure>) and internally centering is done
+				// with widget's wrapper style/class, in the external data representation,
+				// <figure> must be wrapped with an element holding an style/class:
+				//
+				// 	<div style="text-align:center">
+				// 		<figure class="image" style="display:inline-block">...</figure>
+				// 	</div>
+				// or
+				// 	<div class="some-center-class">
+				// 		<figure class="image">...</figure>
+				// 	</div>
+				//
+				if ( align == 'center' && el.name == 'figure' ) {
+					el = el.wrapWith( new CKEDITOR.htmlParser.element( 'div',
+						alignClasses ? { 'class': alignClasses[ 1 ] } : { style: 'text-align:center' } ) );
+				}
+
+				// If left/right, add float style to the downcasted element.
+				else if ( align in { left: 1, right: 1 } ) {
+					if ( alignClasses )
+						attrsHolder.addClass( alignClasses[ alignmentsObj[ align ] ] );
+					else
+						styles[ 'float' ] = align;
+				}
+
+				// Update element styles.
+				if ( !alignClasses && !CKEDITOR.tools.isEmpty( styles ) )
+					attrs.style = CKEDITOR.tools.writeCssText( styles );
+			}
+
+			return el;
+		};
+	}
+
+	// Returns a function that checks if an element is a centering wrapper.
+	//
+	// @param {CKEDITOR.editor} editor
+	// @returns {Function}
+	function centerWrapperChecker( editor ) {
+		var captionedClass = editor.config.image2_captionedClass,
+			alignClasses = editor.config.image2_alignClasses,
+			validChildren = { figure: 1, a: 1, img: 1 };
+
+		return function( el ) {
+			// Wrapper must be either <div> or <p>.
+			if ( !( el.name in { div: 1, p: 1 } ) )
+				return false;
+
+			var children = el.children;
+
+			// Centering wrapper can have only one child.
+			if ( children.length !== 1 )
+				return false;
+
+			var child = children[ 0 ];
+
+			// Only <figure> or <img /> can be first (only) child of centering wrapper,
+			// regardless of its type.
+			if ( !( child.name in validChildren ) )
+				return false;
+
+			// If centering wrapper is <p>, only <img /> can be the child.
+			//   <p style="text-align:center"><img /></p>
+			if ( el.name == 'p' ) {
+				if ( !isLinkedOrStandaloneImage( child ) )
+					return false;
+			}
+			// Centering <div> can hold <img/> or <figure>, depending on enterMode.
+			else {
+				// If a <figure> is the first (only) child, it must have a class.
+				//   <div style="text-align:center"><figure>...</figure><div>
+				if ( child.name == 'figure' ) {
+					if ( !child.hasClass( captionedClass ) )
+						return false;
+				} else {
+					// Centering <div> can hold <img/> or <a><img/></a> only when enterMode
+					// is ENTER_(BR|DIV).
+					//   <div style="text-align:center"><img /></div>
+					//   <div style="text-align:center"><a><img /></a></div>
+					if ( editor.enterMode == CKEDITOR.ENTER_P )
+						return false;
+
+					// Regardless of enterMode, a child which is not <figure> must be
+					// either <img/> or <a><img/></a>.
+					if ( !isLinkedOrStandaloneImage( child ) )
+						return false;
+				}
+			}
+
+			// Centering wrapper got to be... centering. If image2_alignClasses are defined,
+			// check for centering class. Otherwise, check the style.
+			if ( alignClasses ? el.hasClass( alignClasses[ 1 ] ) :
+					CKEDITOR.tools.parseCssText( el.attributes.style || '', true )[ 'text-align' ] == 'center' )
+				return true;
+
+			return false;
+		};
+	}
+
+	// Checks whether element is <img/> or <a><img/></a>.
+	//
+	// @param {CKEDITOR.htmlParser.element}
+	function isLinkedOrStandaloneImage( el ) {
+		if ( el.name == 'img' )
+			return true;
+		else if ( el.name == 'a' )
+			return el.children.length == 1 && el.getFirst( 'img' );
+
+		return false;
+	}
+
+	// Sets width and height of the widget image according to current widget data.
+	//
+	// @param {CKEDITOR.plugins.widget} widget
+	function setDimensions( widget ) {
+		var data = widget.data,
+			dimensions = { width: data.width, height: data.height },
+			image = widget.parts.image;
+
+		for ( var d in dimensions ) {
+			if ( dimensions[ d ] )
+				image.setAttribute( d, dimensions[ d ] );
+			else
+				image.removeAttribute( d );
+		}
+	}
+
+	// Defines all features related to drag-driven image resizing.
+	//
+	// @param {CKEDITOR.plugins.widget} widget
+	function setupResizer( widget ) {
+		var editor = widget.editor,
+			editable = editor.editable(),
+			doc = editor.document,
+
+			// Store the resizer in a widget for testing (http://dev.ckeditor.com/ticket/11004).
+			resizer = widget.resizer = doc.createElement( 'span' );
+
+		resizer.addClass( 'cke_image_resizer' );
+		resizer.setAttribute( 'title', editor.lang.image2.resizer );
+		resizer.append( new CKEDITOR.dom.text( '\u200b', doc ) );
+
+		// Inline widgets don't need a resizer wrapper as an image spans the entire widget.
+		if ( !widget.inline ) {
+			var imageOrLink = widget.parts.link || widget.parts.image,
+				oldResizeWrapper = imageOrLink.getParent(),
+				resizeWrapper = doc.createElement( 'span' );
+
+			resizeWrapper.addClass( 'cke_image_resizer_wrapper' );
+			resizeWrapper.append( imageOrLink );
+			resizeWrapper.append( resizer );
+			widget.element.append( resizeWrapper, true );
+
+			// Remove the old wrapper which could came from e.g. pasted HTML
+			// and which could be corrupted (e.g. resizer span has been lost).
+			if ( oldResizeWrapper.is( 'span' ) )
+				oldResizeWrapper.remove();
+		} else {
+			widget.wrapper.append( resizer );
+		}
+
+		// Calculate values of size variables and mouse offsets.
+		resizer.on( 'mousedown', function( evt ) {
+			var image = widget.parts.image,
+
+				// "factor" can be either 1 or -1. I.e.: For right-aligned images, we need to
+				// subtract the difference to get proper width, etc. Without "factor",
+				// resizer starts working the opposite way.
+				factor = widget.data.align == 'right' ? -1 : 1,
+
+				// The x-coordinate of the mouse relative to the screen
+				// when button gets pressed.
+				startX = evt.data.$.screenX,
+				startY = evt.data.$.screenY,
+
+				// The initial dimensions and aspect ratio of the image.
+				startWidth = image.$.clientWidth,
+				startHeight = image.$.clientHeight,
+				ratio = startWidth / startHeight,
+
+				listeners = [],
+
+				// A class applied to editable during resizing.
+				cursorClass = 'cke_image_s' + ( !~factor ? 'w' : 'e' ),
+
+				nativeEvt, newWidth, newHeight, updateData,
+				moveDiffX, moveDiffY, moveRatio;
+
+			// Save the undo snapshot first: before resizing.
+			editor.fire( 'saveSnapshot' );
+
+			// Mousemove listeners are removed on mouseup.
+			attachToDocuments( 'mousemove', onMouseMove, listeners );
+
+			// Clean up the mousemove listener. Update widget data if valid.
+			attachToDocuments( 'mouseup', onMouseUp, listeners );
+
+			// The entire editable will have the special cursor while resizing goes on.
+			editable.addClass( cursorClass );
+
+			// This is to always keep the resizer element visible while resizing.
+			resizer.addClass( 'cke_image_resizing' );
+
+			// Attaches an event to a global document if inline editor.
+			// Additionally, if classic (`iframe`-based) editor, also attaches the same event to `iframe`'s document.
+			function attachToDocuments( name, callback, collection ) {
+				var globalDoc = CKEDITOR.document,
+					listeners = [];
+
+				if ( !doc.equals( globalDoc ) )
+					listeners.push( globalDoc.on( name, callback ) );
+
+				listeners.push( doc.on( name, callback ) );
+
+				if ( collection ) {
+					for ( var i = listeners.length; i--; )
+						collection.push( listeners.pop() );
+				}
+			}
+
+			// Calculate with first, and then adjust height, preserving ratio.
+			function adjustToX() {
+				newWidth = startWidth + factor * moveDiffX;
+				newHeight = Math.round( newWidth / ratio );
+			}
+
+			// Calculate height first, and then adjust width, preserving ratio.
+			function adjustToY() {
+				newHeight = startHeight - moveDiffY;
+				newWidth = Math.round( newHeight * ratio );
+			}
+
+			// This is how variables refer to the geometry.
+			// Note: x corresponds to moveOffset, this is the position of mouse
+			// Note: o corresponds to [startX, startY].
+			//
+			// 	+--------------+--------------+
+			// 	|              |              |
+			// 	|      I       |      II      |
+			// 	|              |              |
+			// 	+------------- o -------------+ _ _ _
+			// 	|              |              |      ^
+			// 	|      VI      |     III      |      | moveDiffY
+			// 	|              |         x _ _ _ _ _ v
+			// 	+--------------+---------|----+
+			// 	               |         |
+			// 	                <------->
+			// 	                moveDiffX
+			function onMouseMove( evt ) {
+				nativeEvt = evt.data.$;
+
+				// This is how far the mouse is from the point the button was pressed.
+				moveDiffX = nativeEvt.screenX - startX;
+				moveDiffY = startY - nativeEvt.screenY;
+
+				// This is the aspect ratio of the move difference.
+				moveRatio = Math.abs( moveDiffX / moveDiffY );
+
+				// Left, center or none-aligned widget.
+				if ( factor == 1 ) {
+					if ( moveDiffX <= 0 ) {
+						// Case: IV.
+						if ( moveDiffY <= 0 )
+							adjustToX();
+
+						// Case: I.
+						else {
+							if ( moveRatio >= ratio )
+								adjustToX();
+							else
+								adjustToY();
+						}
+					} else {
+						// Case: III.
+						if ( moveDiffY <= 0 ) {
+							if ( moveRatio >= ratio )
+								adjustToY();
+							else
+								adjustToX();
+						}
+
+						// Case: II.
+						else {
+							adjustToY();
+						}
+					}
+				}
+
+				// Right-aligned widget. It mirrors behaviours, so I becomes II,
+				// IV becomes III and vice-versa.
+				else {
+					if ( moveDiffX <= 0 ) {
+						// Case: IV.
+						if ( moveDiffY <= 0 ) {
+							if ( moveRatio >= ratio )
+								adjustToY();
+							else
+								adjustToX();
+						}
+
+						// Case: I.
+						else {
+							adjustToY();
+						}
+					} else {
+						// Case: III.
+						if ( moveDiffY <= 0 )
+							adjustToX();
+
+						// Case: II.
+						else {
+							if ( moveRatio >= ratio ) {
+								adjustToX();
+							} else {
+								adjustToY();
+							}
+						}
+					}
+				}
+
+				// Don't update attributes if less than 10.
+				// This is to prevent images to visually disappear.
+				if ( newWidth >= 15 && newHeight >= 15 ) {
+					image.setAttributes( { width: newWidth, height: newHeight } );
+					updateData = true;
+				} else {
+					updateData = false;
+				}
+			}
+
+			function onMouseUp() {
+				var l;
+
+				while ( ( l = listeners.pop() ) )
+					l.removeListener();
+
+				// Restore default cursor by removing special class.
+				editable.removeClass( cursorClass );
+
+				// This is to bring back the regular behaviour of the resizer.
+				resizer.removeClass( 'cke_image_resizing' );
+
+				if ( updateData ) {
+					widget.setData( { width: newWidth, height: newHeight } );
+
+					// Save another undo snapshot: after resizing.
+					editor.fire( 'saveSnapshot' );
+				}
+
+				// Don't update data twice or more.
+				updateData = false;
+			}
+		} );
+
+		// Change the position of the widget resizer when data changes.
+		widget.on( 'data', function() {
+			resizer[ widget.data.align == 'right' ? 'addClass' : 'removeClass' ]( 'cke_image_resizer_left' );
+		} );
+	}
+
+	// Integrates widget alignment setting with justify
+	// plugin's commands (execution and refreshment).
+	// @param {CKEDITOR.editor} editor
+	// @param {String} value 'left', 'right', 'center' or 'block'
+	function alignCommandIntegrator( editor ) {
+		var execCallbacks = [],
+			enabled;
+
+		return function( value ) {
+			var command = editor.getCommand( 'justify' + value );
+
+			// Most likely, the justify plugin isn't loaded.
+			if ( !command )
+				return;
+
+			// This command will be manually refreshed along with
+			// other commands after exec.
+			execCallbacks.push( function() {
+				command.refresh( editor, editor.elementPath() );
+			} );
+
+			if ( value in { right: 1, left: 1, center: 1 } ) {
+				command.on( 'exec', function( evt ) {
+					var widget = getFocusedWidget( editor );
+
+					if ( widget ) {
+						widget.setData( 'align', value );
+
+						// Once the widget changed its align, all the align commands
+						// must be refreshed: the event is to be cancelled.
+						for ( var i = execCallbacks.length; i--; )
+							execCallbacks[ i ]();
+
+						evt.cancel();
+					}
+				} );
+			}
+
+			command.on( 'refresh', function( evt ) {
+				var widget = getFocusedWidget( editor ),
+					allowed = { right: 1, left: 1, center: 1 };
+
+				if ( !widget )
+					return;
+
+				// Cache "enabled" on first use. This is because filter#checkFeature may
+				// not be available during plugin's afterInit in the future — a moment when
+				// alignCommandIntegrator is called.
+				if ( enabled === undefined )
+					enabled = editor.filter.checkFeature( editor.widgets.registered.image.features.align );
+
+				// Don't allow justify commands when widget alignment is disabled (http://dev.ckeditor.com/ticket/11004).
+				if ( !enabled )
+					this.setState( CKEDITOR.TRISTATE_DISABLED );
+				else {
+					this.setState(
+						( widget.data.align == value ) ? (
+							CKEDITOR.TRISTATE_ON
+						) : (
+							( value in allowed ) ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED
+						)
+					);
+				}
+
+				evt.cancel();
+			} );
+		};
+	}
+
+	function linkCommandIntegrator( editor ) {
+		// Nothing to integrate with if link is not loaded.
+		if ( !editor.plugins.link )
+			return;
+
+		CKEDITOR.on( 'dialogDefinition', function( evt ) {
+			var dialog = evt.data;
+
+			if ( dialog.name == 'link' ) {
+				var def = dialog.definition;
+
+				var onShow = def.onShow,
+					onOk = def.onOk;
+
+				def.onShow = function() {
+					var widget = getFocusedWidget( editor ),
+						displayTextField = this.getContentElement( 'info', 'linkDisplayText' ).getElement().getParent().getParent();
+
+					// Widget cannot be enclosed in a link, i.e.
+					//		<a>foo<inline widget/>bar</a>
+					if ( widget && ( widget.inline ? !widget.wrapper.getAscendant( 'a' ) : 1 ) ) {
+						this.setupContent( widget.data.link || {} );
+
+						// Hide the display text in case of linking image2 widget.
+						displayTextField.hide();
+					} else {
+						// Make sure that display text is visible, as it might be hidden by image2 integration
+						// before.
+						displayTextField.show();
+						onShow.apply( this, arguments );
+					}
+				};
+
+				// Set widget data if linking the widget using
+				// link dialog (instead of default action).
+				// State shifter handles data change and takes
+				// care of internal DOM structure of linked widget.
+				def.onOk = function() {
+					var widget = getFocusedWidget( editor );
+
+					// Widget cannot be enclosed in a link, i.e.
+					//		<a>foo<inline widget/>bar</a>
+					if ( widget && ( widget.inline ? !widget.wrapper.getAscendant( 'a' ) : 1 ) ) {
+						var data = {};
+
+						// Collect data from fields.
+						this.commitContent( data );
+
+						// Set collected data to widget.
+						widget.setData( 'link', data );
+					} else {
+						onOk.apply( this, arguments );
+					}
+				};
+			}
+		} );
+
+		// Overwrite default behaviour of unlink command.
+		editor.getCommand( 'unlink' ).on( 'exec', function( evt ) {
+			var widget = getFocusedWidget( editor );
+
+			// Override unlink only when link truly belongs to the widget.
+			// If wrapped inline widget in a link, let default unlink work (http://dev.ckeditor.com/ticket/11814).
+			if ( !widget || !widget.parts.link )
+				return;
+
+			widget.setData( 'link', null );
+
+			// Selection (which is fake) may not change if unlinked image in focused widget,
+			// i.e. if captioned image. Let's refresh command state manually here.
+			this.refresh( editor, editor.elementPath() );
+
+			evt.cancel();
+		} );
+
+		// Overwrite default refresh of unlink command.
+		editor.getCommand( 'unlink' ).on( 'refresh', function( evt ) {
+			var widget = getFocusedWidget( editor );
+
+			if ( !widget )
+				return;
+
+			// Note that widget may be wrapped in a link, which
+			// does not belong to that widget (http://dev.ckeditor.com/ticket/11814).
+			this.setState( widget.data.link || widget.wrapper.getAscendant( 'a' ) ?
+				CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );
+
+			evt.cancel();
+		} );
+	}
+
+	// Returns the focused widget, if of the type specific for this plugin.
+	// If no widget is focused, `null` is returned.
+	//
+	// @param {CKEDITOR.editor}
+	// @returns {CKEDITOR.plugins.widget}
+	function getFocusedWidget( editor ) {
+		var widget = editor.widgets.focused;
+
+		if ( widget && widget.name == 'image' )
+			return widget;
+
+		return null;
+	}
+
+	// Returns a set of widget allowedContent rules, depending
+	// on configurations like config#image2_alignClasses or
+	// config#image2_captionedClass.
+	//
+	// @param {CKEDITOR.editor}
+	// @returns {Object}
+	function getWidgetAllowedContent( editor ) {
+		var alignClasses = editor.config.image2_alignClasses,
+			rules = {
+				// Widget may need <div> or <p> centering wrapper.
+				div: {
+					match: centerWrapperChecker( editor )
+				},
+				p: {
+					match: centerWrapperChecker( editor )
+				},
+				img: {
+					attributes: '!src,alt,width,height'
+				},
+				figure: {
+					classes: '!' + editor.config.image2_captionedClass
+				},
+				figcaption: true
+			};
+
+		if ( alignClasses ) {
+			// Centering class from the config.
+			rules.div.classes = alignClasses[ 1 ];
+			rules.p.classes = rules.div.classes;
+
+			// Left/right classes from the config.
+			rules.img.classes = alignClasses[ 0 ] + ',' + alignClasses[ 2 ];
+			rules.figure.classes += ',' + rules.img.classes;
+		} else {
+			// Centering with text-align.
+			rules.div.styles = 'text-align';
+			rules.p.styles = 'text-align';
+
+			rules.img.styles = 'float';
+			rules.figure.styles = 'float,display';
+		}
+
+		return rules;
+	}
+
+	// Returns a set of widget feature rules, depending
+	// on editor configuration. Note that the following may not cover
+	// all the possible cases since requiredContent supports a single
+	// tag only.
+	//
+	// @param {CKEDITOR.editor}
+	// @returns {Object}
+	function getWidgetFeatures( editor ) {
+		var alignClasses = editor.config.image2_alignClasses,
+			features = {
+				dimension: {
+					requiredContent: 'img[width,height]'
+				},
+				align: {
+					requiredContent: 'img' +
+						( alignClasses ? '(' + alignClasses[ 0 ] + ')' : '{float}' )
+				},
+				caption: {
+					requiredContent: 'figcaption'
+				}
+			};
+
+		return features;
+	}
+
+	// Returns element which is styled, considering current
+	// state of the widget.
+	//
+	// @see CKEDITOR.plugins.widget#applyStyle
+	// @param {CKEDITOR.plugins.widget} widget
+	// @returns {CKEDITOR.dom.element}
+	function getStyleableElement( widget ) {
+		return widget.data.hasCaption ? widget.element : widget.parts.image;
+	}
+} )();
+
+/**
+ * A CSS class applied to the `<figure>` element of a captioned image.
+ *
+ * Read more in the [documentation](#!/guide/dev_captionedimage) and see the
+ * [SDK sample](http://sdk.ckeditor.com/samples/captionedimage.html).
+ *
+ *		// Changes the class to "captionedImage".
+ *		config.image2_captionedClass = 'captionedImage';
+ *
+ * @cfg {String} [image2_captionedClass='image']
+ * @member CKEDITOR.config
+ */
+CKEDITOR.config.image2_captionedClass = 'image';
+
+/**
+ * Determines whether dimension inputs should be automatically filled when the image URL changes in the Enhanced Image
+ * plugin dialog window.
+ *
+ * Read more in the [documentation](#!/guide/dev_captionedimage) and see the
+ * [SDK sample](http://sdk.ckeditor.com/samples/captionedimage.html).
+ *
+ *		config.image2_prefillDimensions = false;
+ *
+ * @since 4.5
+ * @cfg {Boolean} [image2_prefillDimensions=true]
+ * @member CKEDITOR.config
+ */
+
+/**
+ * Disables the image resizer. By default the resizer is enabled.
+ *
+ * Read more in the [documentation](#!/guide/dev_captionedimage) and see the
+ * [SDK sample](http://sdk.ckeditor.com/samples/captionedimage.html).
+ *
+ *		config.image2_disableResizer = true;
+ *
+ * @since 4.5
+ * @cfg {Boolean} [image2_disableResizer=false]
+ * @member CKEDITOR.config
+ */
+
+/**
+ * CSS classes applied to aligned images. Useful to take control over the way
+ * the images are aligned, i.e. to customize output HTML and integrate external stylesheets.
+ *
+ * Classes should be defined in an array of three elements, containing left, center, and right
+ * alignment classes, respectively. For example:
+ *
+ *		config.image2_alignClasses = [ 'align-left', 'align-center', 'align-right' ];
+ *
+ * **Note**: Once this configuration option is set, the plugin will no longer produce inline
+ * styles for alignment. It means that e.g. the following HTML will be produced:
+ *
+ *		<img alt="My image" class="custom-center-class" src="foo.png" />
+ *
+ * instead of:
+ *
+ *		<img alt="My image" style="float:left" src="foo.png" />
+ *
+ * **Note**: Once this configuration option is set, corresponding style definitions
+ * must be supplied to the editor:
+ *
+ * * For [classic editor](#!/guide/dev_framed) it can be done by defining additional
+ * styles in the {@link CKEDITOR.config#contentsCss stylesheets loaded by the editor}. The same
+ * styles must be provided on the target page where the content will be loaded.
+ * * For [inline editor](#!/guide/dev_inline) the styles can be defined directly
+ * with `<style> ... <style>` or `<link href="..." rel="stylesheet">`, i.e. within the `<head>`
+ * of the page.
+ *
+ * For example, considering the following configuration:
+ *
+ *		config.image2_alignClasses = [ 'align-left', 'align-center', 'align-right' ];
+ *
+ * CSS rules can be defined as follows:
+ *
+ *		.align-left {
+ *			float: left;
+ *		}
+ *
+ *		.align-right {
+ *			float: right;
+ *		}
+ *
+ *		.align-center {
+ *			text-align: center;
+ *		}
+ *
+ *		.align-center > figure {
+ *			display: inline-block;
+ *		}
+ *
+ * Read more in the [documentation](#!/guide/dev_captionedimage) and see the
+ * [SDK sample](http://sdk.ckeditor.com/samples/captionedimage.html).
+ *
+ * @since 4.4
+ * @cfg {String[]} [image2_alignClasses=null]
+ * @member CKEDITOR.config
+ */
+
+/**
+ * Determines whether alternative text is required for the captioned image.
+ *
+ *		config.image2_altRequired = true;
+ *
+ * Read more in the [documentation](#!/guide/dev_captionedimage) and see the
+ * [SDK sample](http://sdk.ckeditor.com/samples/captionedimage.html).
+ *
+ * @since 4.6.0
+ * @cfg {Boolean} [image2_altRequired=false]
+ * @member CKEDITOR.config
+ */

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+
+'use strict';
+
+( function() {
+
+	var template = '<img alt="" src="" />',
+		templateBlock = new CKEDITOR.template(
+			'<figure class="{captionedClass}">' +
+				template +
+				'<figcaption>{captionPlaceholder}</figcaption>' +
+			'</figure>' ),
+		alignmentsObj = { left: 0, center: 1, right: 2 },
+		regexPercent = /^\s*(\d+\%)\s*$/i;
+
+	CKEDITOR.plugins.add( 'image2', {
+		// jscs:disable maximumLineLength
+		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%
+		// jscs:enable maximumLineLength
+		requires: 'widget,dialog',
+		icons: 'image',
+		hidpi: true,
+
+		onLoad: function() {
+			CKEDITOR.addCss(
+			'.cke_image_nocaption{' +
+				// This is to remove unwanted space so resize
+				// wrapper is displayed property.
+				'line-height:0' +
+			'}' +
+			'.cke_editable.cke_image_sw, .cke_editable.cke_image_sw *{cursor:sw-resize !important}' +
+			'.cke_editable.cke_image_se, .cke_editable.cke_image_se *{cursor:se-resize !important}' +
+			'.cke_image_resizer{' +
+				'display:none;' +
+				'position:absolute;' +
+				'width:10px;' +
+				'height:10px;' +
+				'bottom:-5px;' +
+				'right:-5px;' +
+				'background:#000;' +
+				'outline:1px solid #fff;' +
+				// Prevent drag handler from being misplaced (http://dev.ckeditor.com/ticket/11207).
+				'line-height:0;' +
+				'cursor:se-resize;' +
+			'}' +
+			'.cke_image_resizer_wrapper{' +
+				'position:relative;' +
+				'display:inline-block;' +
+				'line-height:0;' +
+			'}' +
+			// Bottom-left corner style of the resizer.
+			'.cke_image_resizer.cke_image_resizer_left{' +
+				'right:auto;' +
+				'left:-5px;' +
+				'cursor:sw-resize;' +
+			'}' +
+			'.cke_widget_wrapper:hover .cke_image_resizer,' +
+			'.cke_image_resizer.cke_image_resizing{' +
+				'display:block' +
+			'}' +
+			// Expand widget wrapper when linked inline image.
+			'.cke_widget_wrapper>a{' +
+				'display:inline-block' +
+			'}' );
+		},
+
+		init: function( editor ) {
+			// Adapts configuration from original image plugin. Should be removed
+			// when we'll rename image2 to image.
+			var config = editor.config,
+				lang = editor.lang.image2,
+				image = widgetDef( editor );
+
+			// Since filebrowser plugin discovers config properties by dialog (plugin?)
+			// names (sic!), this hack will be necessary as long as Image2 is not named
+			// Image. And since Image2 will never be Image, for sure some filebrowser logic
+			// got to be refined.
+			config.filebrowserImage2BrowseUrl = config.filebrowserImageBrowseUrl;
+			config.filebrowserImage2UploadUrl = config.filebrowserImageUploadUrl;
+
+			// Add custom elementspath names to widget definition.
+			image.pathName = lang.pathName;
+			image.editables.caption.pathName = lang.pathNameCaption;
+
+			// Register the widget.
+			editor.widgets.add( 'image', image );
+
+			// Add toolbar button for this plugin.
+			editor.ui.addButton && editor.ui.addButton( 'Image', {
+				label: editor.lang.common.image,
+				command: 'image',
+				toolbar: 'insert,10'
+			} );
+
+			// Register context menu option for editing widget.
+			if ( editor.contextMenu ) {
+				editor.addMenuGroup( 'image', 10 );
+
+				editor.addMenuItem( 'image', {
+					label: lang.menu,
+					command: 'image',
+					group: 'image'
+				} );
+			}
+
+			CKEDITOR.dialog.add( 'image2', this.path + 'dialogs/image2.js' );
+		},
+
+		afterInit: function( editor ) {
+			// Integrate with align commands (justify plugin).
+			var align = { left: 1, right: 1, center: 1, block: 1 },
+				integrate = alignCommandIntegrator( editor );
+
+			for ( var value in align )
+				integrate( value );
+
+			// Integrate with link commands (link plugin).
+			linkCommandIntegrator( editor );
+		}
+	} );
+
+	// Wiget states (forms) depending on alignment and configuration.
+	//
+	// Non-captioned widget (inline styles)
+	// 		┌──────┬───────────────────────────────┬─────────────────────────────┐
+	// 		│Align │Internal form                  │Data                         │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│none  │<wrapper>                      │<img />                      │
+	// 		│      │ <img />                       │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│left  │<wrapper style=”float:left”>   │<img style=”float:left” />   │
+	// 		│      │ <img />                       │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│center│<wrapper>                      │<p style=”text-align:center”>│
+	// 		│      │ <p style=”text-align:center”> │  <img />                    │
+	// 		│      │   <img />                     │</p>                         │
+	// 		│      │ </p>                          │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│right │<wrapper style=”float:right”>  │<img style=”float:right” />  │
+	// 		│      │ <img />                       │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		└──────┴───────────────────────────────┴─────────────────────────────┘
+	//
+	// Non-captioned widget (config.image2_alignClasses defined)
+	// 		┌──────┬───────────────────────────────┬─────────────────────────────┐
+	// 		│Align │Internal form                  │Data                         │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│none  │<wrapper>                      │<img />                      │
+	// 		│      │ <img />                       │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│left  │<wrapper class=”left”>         │<img class=”left” />         │
+	// 		│      │ <img />                       │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│center│<wrapper>                      │<p class=”center”>           │
+	// 		│      │ <p class=”center”>            │ <img />                     │
+	// 		│      │   <img />                     │</p>                         │
+	// 		│      │ </p>                          │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		├──────┼───────────────────────────────┼─────────────────────────────┤
+	// 		│right │<wrapper class=”right”>        │<img class=”right” />        │
+	// 		│      │ <img />                       │                             │
+	// 		│      │</wrapper>                     │                             │
+	// 		└──────┴───────────────────────────────┴─────────────────────────────┘
+	//
+	// Captioned widget (inline styles)
+	// 		┌──────┬────────────────────────────────────────┬────────────────────────────────────────┐
+	// 		│Align │Internal form                           │Data                                    │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│none  │<wrapper>                               │<figure />                              │
+	// 		│      │ <figure />                             │                                        │
+	// 		│      │</wrapper>                              │                                        │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│left  │<wrapper style=”float:left”>            │<figure style=”float:left” />           │
+	// 		│      │ <figure />                             │                                        │
+	// 		│      │</wrapper>                              │                                        │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│center│<wrapper style=”text-align:center”>     │<div style=”text-align:center”>         │
+	// 		│      │ <figure style=”display:inline-block” />│ <figure style=”display:inline-block” />│
+	// 		│      │</wrapper>                              │</p>                                    │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│right │<wrapper style=”float:right”>           │<figure style=”float:right” />          │
+	// 		│      │ <figure />                             │                                        │
+	// 		│      │</wrapper>                              │                                        │
+	// 		└──────┴────────────────────────────────────────┴────────────────────────────────────────┘
+	//
+	// Captioned widget (config.image2_alignClasses defined)
+	// 		┌──────┬────────────────────────────────────────┬────────────────────────────────────────┐
+	// 		│Align │Internal form                           │Data                                    │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│none  │<wrapper>                               │<figure />                              │
+	// 		│      │ <figure />                             │                                        │
+	// 		│      │</wrapper>                              │                                        │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│left  │<wrapper class=”left”>                  │<figure class=”left” />                 │
+	// 		│      │ <figure />                             │                                        │
+	// 		│      │</wrapper>                              │                                        │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│center│<wrapper class=”center”>                │<div class=”center”>                    │
+	// 		│      │ <figure />                             │ <figure />                             │
+	// 		│      │</wrapper>                              │</p>                                    │
+	// 		├──────┼────────────────────────────────────────┼────────────────────────────────────────┤
+	// 		│right │<wrapper class=”right”>                 │<figure class=”right” />                │
+	// 		│      │ <figure />                             │                                        │
+	// 		│      │</wrapper>                              │                                        │
+	// 		└──────┴────────────────────────────────────────┴────────────────────────────────────────┘
+	//
+	// @param {CKEDITOR.editor}
+	// @returns {Object}
+	function widgetDef( editor ) {
+		var alignClasses = editor.config.image2_alignClasses,
+			captionedClass = editor.config.image2_captionedClass;
+
+		function deflate() {
+			if ( this.deflated )
+				return;
+
+			// Remember whether widget was focused before destroyed.
+			if ( editor.widgets.focused == this.widget )
+				this.focused = true;
+
+			editor.widgets.destroy( this.widget );
+
+			// Mark widget was destroyed.
+			this.deflated = true;
+		}
+
+		function inflate() {
+			var editable = editor.editable(),
+			doc = editor.document;
+
+			// Create a new widget. This widget will be either captioned
+			// non-captioned, block or inline according to what is the
+			// new state of the widget.
+			if ( this.deflated ) {
+				this.widget = editor.widgets.initOn( this.element, 'image', this.widget.data );
+
+				// Once widget was re-created, it may become an inline element without
+				// block wrapper (i.e. when unaligned, end not captioned). Let's do some
+				// sort of autoparagraphing here (http://dev.ckeditor.com/ticket/10853).
+				if ( this.widget.inline && !( new CKEDITOR.dom.elementPath( this.widget.wrapper, editable ).block ) ) {
+					var block = doc.createElement( editor.activeEnterMode == CKEDITOR.ENTER_P ? 'p' : 'div' );
+					block.replace( this.widget.wrapper );
+					this.widget.wrapper.move( block );
+				}
+
+				// The focus must be transferred from the old one (destroyed)
+				// to the new one (just created).
+				if ( this.focused ) {
+					this.widget.focus();
+					delete this.focused;
+				}
+
+				delete this.deflated;
+			}
+
+			// If now widget was destroyed just update wrapper's alignment.
+			// According to the new state.
+			else {
+				setWrapperAlign( this.widget, alignClasses );
+			}
+		}
+
+		return {
+			allowedContent: getWidgetAllowedContent( editor ),
+
+			requiredContent: 'img[src,alt]',
+
+			features: getWidgetFeatures( editor ),
+
+			styleableElements: 'img figure',
+
+			// This widget converts style-driven dimensions to attributes.
+			contentTransformations: [
+				[ 'img[width]: sizeToAttribute' ]
+			],
+
+			// This widget has an editable caption.
+			editables: {
+				caption: {
+					selector: 'figcaption',
+					allowedContent: 'br em strong sub sup u s; a[!href,target]'
+				}
+			},
+
+			parts: {
+				image: 'img',
+				caption: 'figcaption'
+				// parts#link defined in widget#init
+			},
+
+			// The name of this widget's dialog.
+			dialog: 'image2',
+
+			// Template of the widget: plain image.
+			template: template,
+
+			data: function() {
+				var features = this.features;
+
+				// Image can't be captioned when figcaption is disallowed (http://dev.ckeditor.com/ticket/11004).
+				if ( this.data.hasCaption && !editor.filter.checkFeature( features.caption ) )
+					this.data.hasCaption = false;
+
+				// Image can't be aligned when floating is disallowed (http://dev.ckeditor.com/ticket/11004).
+				if ( this.data.align != 'none' && !editor.filter.checkFeature( features.align ) )
+					this.data.align = 'none';
+
+				// Convert the internal form of the widget from the old state to the new one.
+				this.shiftState( {
+					widget: this,
+					element: this.element,
+					oldData: this.oldData,
+					newData: this.data,
+					deflate: deflate,
+					inflate: inflate
+				} );
+
+				// Update widget.parts.link since it will not auto-update unless widget
+				// is destroyed and re-inited.
+				if ( !this.data.link ) {
+					if ( this.parts.link )
+						delete this.parts.link;
+				} else {
+					if ( !this.parts.link )
+						this.parts.link = this.parts.image.getParent();
+				}
+
+				this.parts.image.setAttributes( {
+					src: this.data.src,
+
+					// This internal is required by the editor.
+					'data-cke-saved-src': this.data.src,
+
+					alt: this.data.alt
+				} );
+
+				// If shifting non-captioned -> captioned, remove classes
+				// related to styles from <img/>.
+				if ( this.oldData && !this.oldData.hasCaption && this.data.hasCaption ) {
+					for ( var c in this.data.classes )
+						this.parts.image.removeClass( c );
+				}
+
+				// Set dimensions of the image according to gathered data.
+				// Do it only when the attributes are allowed (http://dev.ckeditor.com/ticket/11004).
+				if ( editor.filter.checkFeature( features.dimension ) )
+					setDimensions( this );
+
+				// Cache current data.
+				this.oldData = CKEDITOR.tools.extend( {}, this.data );
+			},
+
+			init: function() {
+				var helpers = CKEDITOR.plugins.image2,
+					image = this.parts.image,
+					data = {
+						hasCaption: !!this.parts.caption,
+						src: image.getAttribute( 'src' ),
+						alt: image.getAttribute( 'alt' ) || '',
+						width: image.getAttribute( 'width' ) || '',
+						height: image.getAttribute( 'height' ) || '',
+
+						// Lock ratio is on by default (http://dev.ckeditor.com/ticket/10833).
+						lock: this.ready ? helpers.checkHasNaturalRatio( image ) : true
+					};
+
+				// If we used 'a' in widget#parts definition, it could happen that
+				// selected element is a child of widget.parts#caption. Since there's no clever
+				// way to solve it with CSS selectors, it's done like that. (http://dev.ckeditor.com/ticket/11783).
+				var link = image.getAscendant( 'a' );
+
+				if ( link && this.wrapper.contains( link ) )
+					this.parts.link = link;
+
+				// Depending on configuration, read style/class from element and
+				// then remove it. Removed style/class will be set on wrapper in #data listener.
+				// Note: Center alignment is detected during upcast, so only left/right cases
+				// are checked below.
+				if ( !data.align ) {
+					var alignElement = data.hasCaption ? this.element : image;
+
+					// Read the initial left/right alignment from the class set on element.
+					if ( alignClasses ) {
+						if ( alignElement.hasClass( alignClasses[ 0 ] ) ) {
+							data.align = 'left';
+						} else if ( alignElement.hasClass( alignClasses[ 2 ] ) ) {
+							data.align = 'right';
+						}
+
+						if ( data.align ) {
+							alignElement.removeClass( alignClasses[ alignmentsObj[ data.align ] ] );
+						} else {
+							data.align = 'none';
+						}
+					}
+					// Read initial float style from figure/image and then remove it.
+					else {
+						data.align = alignElement.getStyle( 'float' ) || 'none';
+						alignElement.removeStyle( 'float' );
+					}
+				}
+
+				// Update data.link object with attributes if the link has been discovered.
+				if ( editor.plugins.link && this.parts.link ) {
+					data.link = helpers.getLinkAttributesParser()( editor, this.parts.link );
+
+					// Get rid of cke_widget_* classes in data. Otherwise
+					// they might appear in link dialog.
+					var advanced = data.link.advanced;
+					if ( advanced && advanced.advCSSClasses ) {
+						advanced.advCSSClasses = CKEDITOR.tools.trim( advanced.advCSSClasses.replace( /cke_\S+/, '' ) );
+					}
+				}
+
+				// Get rid of extra vertical space when there's no caption.
+				// It will improve the look of the resizer.
+				this.wrapper[ ( data.hasCaption ? 'remove' : 'add' ) + 'Class' ]( 'cke_image_nocaption' );
+
+				this.setData( data );
+
+				// Setup dynamic image resizing with mouse.
+				// Don't initialize resizer when dimensions are disallowed (http://dev.ckeditor.com/ticket/11004).
+				// Don't initialize resizer when editor.readOnly is set to true (#719).
+				if ( editor.filter.checkFeature( this.features.dimension ) && editor.config.image2_disableResizer !== true && editor.readOnly != true ) {
+					setupResizer( this );
+				}
+
+				this.shiftState = helpers.stateShifter( this.editor );
+
+				// Add widget editing option to its context menu.
+				this.on( 'contextMenu', function( evt ) {
+					evt.data.image = CKEDITOR.TRISTATE_OFF;
+
+					// Integrate context menu items for link.
+					// Note that widget may be wrapped in a link, which
+					// does not belong to that widget (http://dev.ckeditor.com/ticket/11814).
+					if ( this.parts.link || this.wrapper.getAscendant( 'a' ) )
+						evt.data.link = evt.data.unlink = CKEDITOR.TRISTATE_OFF;
+				} );
+
+				// Pass the reference to this widget to the dialog.
+				this.on( 'dialog', function( evt ) {
+					evt.data.widget = this;
+				}, this );
+			},
+
+			// Overrides default method to handle internal mutability of Image2.
+			// @see CKEDITOR.plugins.widget#addClass
+			addClass: function( className ) {
+				getStyleableElement( this ).addClass( className );
+			},
+
+			// Overrides default method to handle internal mutability of Image2.
+			// @see CKEDITOR.plugins.widget#hasClass
+			hasClass: function( className ) {
+				return getStyleableElement( this ).hasClass( className );
+			},
+
+			// Overrides default method to handle internal mutability of Image2.
+			// @see CKEDITOR.plugins.widget#removeClass
+			removeClass: function( className ) {
+				getStyleableElement( this ).removeClass( className );
+			},
+
+			// Overrides default method to handle internal mutability of Image2.
+			// @see CKEDITOR.plugins.widget#getClasses
+			getClasses: ( function() {
+				var classRegex = new RegExp( '^(' + [].concat( captionedClass, alignClasses ).join( '|' ) + ')$' );
+
+				return function() {
+					var classes = this.repository.parseElementClasses( getStyleableElement( this ).getAttribute( 'class' ) );
+
+					// Neither config.image2_captionedClass nor config.image2_alignClasses
+					// do not belong to style classes.
+					for ( var c in classes ) {
+						if ( classRegex.test( c ) )
+							delete classes[ c ];
+					}
+
+					return classes;
+				};
+			} )(),
+
+			upcast: upcastWidgetElement( editor ),
+			downcast: downcastWidgetElement( editor ),
+
+			getLabel: function() {
+				var label = ( this.data.alt || '' ) + ' ' + this.pathName;
+
+				return this.editor.lang.widget.label.replace( /%1/, label );
+			}
+		};
+	}
+
+	/**
+	 * A set of Enhanced Image (image2) plugin helpers.
+	 *
+	 * @class
+	 * @singleton
+	 */
+	CKEDITOR.plugins.image2 = {
+		stateShifter: function( editor ) {
+			// Tag name used for centering non-captioned widgets.
+			var doc = editor.document,
+				alignClasses = editor.config.image2_alignClasses,
+				captionedClass = editor.config.image2_captionedClass,
+				editable = editor.editable(),
+
+				// The order that stateActions get executed. It matters!
+				shiftables = [ 'hasCaption', 'align', 'link' ];
+
+			// Atomic procedures, one per state variable.
+			var stateActions = {
+				align: function( shift, oldValue, newValue ) {
+					var el = shift.element;
+
+					// Alignment changed.
+					if ( shift.changed.align ) {
+						// No caption in the new state.
+						if ( !shift.newData.hasCaption ) {
+							// Changed to "center" (non-captioned).
+							if ( newValue == 'center' ) {
+								shift.deflate();
+								shift.element = wrapInCentering( editor, el );
+							}
+
+							// Changed to "non-center" from "center" while caption removed.
+							if ( !shift.changed.hasCaption && oldValue == 'center' && newValue != 'center' ) {
+								shift.deflate();
+								shift.element = unwrapFromCentering( el );
+							}
+						}
+					}
+
+					// Alignment remains and "center" removed caption.
+					else if ( newValue == 'center' && shift.changed.hasCaption && !shift.newData.hasCaption ) {
+						shift.deflate();
+						shift.element = wrapInCentering( editor, el );
+					}
+
+					// Finally set display for figure.
+					if ( !alignClasses && el.is( 'figure' ) ) {
+						if ( newValue == 'center' )
+							el.setStyle( 'display', 'inline-block' );
+						else
+							el.removeStyle( 'display' );
+					}
+				},
+
+				hasCaption:	function( shift, oldValue, newValue ) {
+					// This action is for real state change only.
+					if ( !shift.changed.hasCaption )
+						return;
+
+					// Get <img/> or <a><img/></a> from widget. Note that widget element might itself
+					// be what we're looking for. Also element can be <p style="text-align:center"><a>...</a></p>.
+					var imageOrLink;
+					if ( shift.element.is( { img: 1, a: 1 } ) )
+						imageOrLink = shift.element;
+					else
+						imageOrLink =  shift.element.findOne( 'a,img' );
+
+					// Switching hasCaption always destroys the widget.
+					shift.deflate();
+
+					// There was no caption, but the caption is to be added.
+					if ( newValue ) {
+						// Create new <figure> from widget template.
+						var figure = CKEDITOR.dom.element.createFromHtml( templateBlock.output( {
+							captionedClass: captionedClass,
+							captionPlaceholder: editor.lang.image2.captionPlaceholder
+						} ), doc );
+
+						// Replace element with <figure>.
+						replaceSafely( figure, shift.element );
+
+						// Use old <img/> or <a><img/></a> instead of the one from the template,
+						// so we won't lose additional attributes.
+						imageOrLink.replace( figure.findOne( 'img' ) );
+
+						// Update widget's element.
+						shift.element = figure;
+					}
+
+					// The caption was present, but now it's to be removed.
+					else {
+						// Unwrap <img/> or <a><img/></a> from figure.
+						imageOrLink.replace( shift.element );
+
+						// Update widget's element.
+						shift.element = imageOrLink;
+					}
+				},
+
+				link: function( shift, oldValue, newValue ) {
+					if ( shift.changed.link ) {
+						var img = shift.element.is( 'img' ) ?
+								shift.element : shift.element.findOne( 'img' ),
+							link = shift.element.is( 'a' ) ?
+								shift.element : shift.element.findOne( 'a' ),
+							// Why deflate:
+							// If element is <img/>, it will be wrapped into <a>,
+							// which becomes a new widget.element.
+							// If element is <a><img/></a>, it will be unlinked
+							// so <img/> becomes a new widget.element.
+							needsDeflate = ( shift.element.is( 'a' ) && !newValue ) || ( shift.element.is( 'img' ) && newValue ),
+							newEl;
+
+						if ( needsDeflate )
+							shift.deflate();
+
+						// If unlinked the image, returned element is <img>.
+						if ( !newValue )
+							newEl = unwrapFromLink( link );
+						else {
+							// If linked the image, returned element is <a>.
+							if ( !oldValue )
+								newEl = wrapInLink( img, shift.newData.link );
+
+							// Set and remove all attributes associated with this state.
+							var attributes = CKEDITOR.plugins.image2.getLinkAttributesGetter()( editor, newValue );
+
+							if ( !CKEDITOR.tools.isEmpty( attributes.set ) )
+								( newEl || link ).setAttributes( attributes.set );
+
+							if ( attributes.removed.length )
+								( newEl || link ).removeAttributes( attributes.removed );
+						}
+
+						if ( needsDeflate )
+							shift.element = newEl;
+					}
+				}
+			};
+
+			function wrapInCentering( editor, element ) {
+				var attribsAndStyles = {};
+
+				if ( alignClasses )
+					attribsAndStyles.attributes = { 'class': alignClasses[ 1 ] };
+				else
+					attribsAndStyles.styles = { 'text-align': 'center' };
+
+				// There's no gentle way to center inline element with CSS, so create p/div
+				// that wraps widget contents and does the trick either with style or class.
+				var center = doc.createElement(
+					editor.activeEnterMode == CKEDITOR.ENTER_P ? 'p' : 'div', attribsAndStyles );
+
+				// Replace element with centering wrapper.
+				replaceSafely( center, element );
+				element.move( center );
+
+				return center;
+			}
+
+			function unwrapFromCentering( element ) {
+				var imageOrLink = element.findOne( 'a,img' );
+
+				imageOrLink.replace( element );
+
+				return imageOrLink;
+			}
+
+			// Wraps <img/> -> <a><img/></a>.
+			// Returns reference to <a>.
+			//
+			// @param {CKEDITOR.dom.element} img
+			// @param {Object} linkData
+			// @returns {CKEDITOR.dom.element}
+			function wrapInLink( img, linkData ) {
+				var link = doc.createElement( 'a', {
+					attributes: {
+						href: linkData.url
+					}
+				} );
+
+				link.replace( img );
+				img.move( link );
+
+				return link;
+			}
+
+			// De-wraps <a><img/></a> -> <img/>.
+			// Returns the reference to <img/>
+			//
+			// @param {CKEDITOR.dom.element} link
+			// @returns {CKEDITOR.dom.element}
+			function unwrapFromLink( link ) {
+				var img = link.findOne( 'img' );
+
+				img.replace( link );
+
+				return img;
+			}
+
+			function replaceSafely( replacing, replaced ) {
+				if ( replaced.getParent() ) {
+					var range = editor.createRange();
+
+					range.moveToPosition( replaced, CKEDITOR.POSITION_BEFORE_START );
+
+					// Remove old element. Do it before insertion to avoid a case when
+					// element is moved from 'replaced' element before it, what creates
+					// a tricky case which insertElementIntorRange does not handle.
+					replaced.remove();
+
+					editable.insertElementIntoRange( replacing, range );
+				}
+				else {
+					replacing.replace( replaced );
+				}
+			}
+
+			return function( shift ) {
+				var name, i;
+
+				shift.changed = {};
+
+				for ( i = 0; i < shiftables.length; i++ ) {
+					name = shiftables[ i ];
+
+					shift.changed[ name ] = shift.oldData ?
+						shift.oldData[ name ] !== shift.newData[ name ] : false;
+				}
+
+				// Iterate over possible state variables.
+				for ( i = 0; i < shiftables.length; i++ ) {
+					name = shiftables[ i ];
+
+					stateActions[ name ]( shift,
+						shift.oldData ? shift.oldData[ name ] : null,
+						shift.newData[ name ] );
+				}
+
+				shift.inflate();
+			};
+		},
+
+		/**
+		 * Checks whether the current image ratio matches the natural one
+		 * by comparing dimensions.
+		 *
+		 * @param {CKEDITOR.dom.element} image
+		 * @returns {Boolean}
+		 */
+		checkHasNaturalRatio: function( image ) {
+			var $ = image.$,
+				natural = this.getNatural( image );
+
+			// The reason for two alternative comparisons is that the rounding can come from
+			// both dimensions, e.g. there are two cases:
+			// 	1. height is computed as a rounded relation of the real height and the value of width,
+			//	2. width is computed as a rounded relation of the real width and the value of heigh.
+			return Math.round( $.clientWidth / natural.width * natural.height ) == $.clientHeight ||
+				Math.round( $.clientHeight / natural.height * natural.width ) == $.clientWidth;
+		},
+
+		/**
+		 * Returns natural dimensions of the image. For modern browsers
+		 * it uses natural(Width|Height). For old ones (IE8) it creates
+		 * a new image and reads the dimensions.
+		 *
+		 * @param {CKEDITOR.dom.element} image
+		 * @returns {Object}
+		 */
+		getNatural: function( image ) {
+			var dimensions;
+
+			if ( image.$.naturalWidth ) {
+				dimensions = {
+					width: image.$.naturalWidth,
+					height: image.$.naturalHeight
+				};
+			} else {
+				var img = new Image();
+				img.src = image.getAttribute( 'src' );
+
+				dimensions = {
+					width: img.width,
+					height: img.height
+				};
+			}
+
+			return dimensions;
+		},
+
+		/**
+		 * Returns an attribute getter function. Default getter comes from the Link plugin
+		 * and is documented by {@link CKEDITOR.plugins.link#getLinkAttributes}.
+		 *
+		 * **Note:** It is possible to override this method and use a custom getter e.g.
+		 * in the absence of the Link plugin.
+		 *
+		 * **Note:** If a custom getter is used, a data model format it produces
+		 * must be compatible with {@link CKEDITOR.plugins.link#getLinkAttributes}.
+		 *
+		 * **Note:** A custom getter must understand the data model format produced by
+		 * {@link #getLinkAttributesParser} to work correctly.
+		 *
+		 * @returns {Function} A function that gets (composes) link attributes.
+		 * @since 4.5.5
+		 */
+		getLinkAttributesGetter: function() {
+			// http://dev.ckeditor.com/ticket/13885
+			return CKEDITOR.plugins.link.getLinkAttributes;
+		},
+
+		/**
+		 * Returns an attribute parser function. Default parser comes from the Link plugin
+		 * and is documented by {@link CKEDITOR.plugins.link#parseLinkAttributes}.
+		 *
+		 * **Note:** It is possible to override this method and use a custom parser e.g.
+		 * in the absence of the Link plugin.
+		 *
+		 * **Note:** If a custom parser is used, a data model format produced by the parser
+		 * must be compatible with {@link #getLinkAttributesGetter}.
+		 *
+		 * **Note:** If a custom parser is used, it should be compatible with the
+		 * {@link CKEDITOR.plugins.link#parseLinkAttributes} data model format. Otherwise the
+		 * Link plugin dialog may not be populated correctly with parsed data. However
+		 * as long as Enhanced Image is **not** used with the Link plugin dialog, any custom data model
+		 * will work, being stored as an internal property of Enhanced Image widget's data only.
+		 *
+		 * @returns {Function} A function that parses attributes.
+		 * @since 4.5.5
+		 */
+		getLinkAttributesParser: function() {
+			// http://dev.ckeditor.com/ticket/13885
+			return CKEDITOR.plugins.link.parseLinkAttributes;
+		}
+	};
+
+	function setWrapperAlign( widget, alignClasses ) {
+		var wrapper = widget.wrapper,
+			align = widget.data.align,
+			hasCaption = widget.data.hasCaption;
+
+		if ( alignClasses ) {
+			// Remove all align classes first.
+			for ( var i = 3; i--; )
+				wrapper.removeClass( alignClasses[ i ] );
+
+			if ( align == 'center' ) {
+				// Avoid touching non-captioned, centered widgets because
+				// they have the class set on the element instead of wrapper:
+				//
+				// 	<div class="cke_widget_wrapper">
+				// 		<p class="center-class">
+				// 			<img />
+				// 		</p>
+				// 	</div>
+				if ( hasCaption ) {
+					wrapper.addClass( alignClasses[ 1 ] );
+				}
+			} else if ( align != 'none' ) {
+				wrapper.addClass( alignClasses[ alignmentsObj[ align ] ] );
+			}
+		} else {
+			if ( align == 'center' ) {
+				if ( hasCaption )
+					wrapper.setStyle( 'text-align', 'center' );
+				else
+					wrapper.removeStyle( 'text-align' );
+
+				wrapper.removeStyle( 'float' );
+			}
+			else {
+				if ( align == 'none' )
+					wrapper.removeStyle( 'float' );
+				else
+					wrapper.setStyle( 'float', align );
+
+				wrapper.removeStyle( 'text-align' );
+			}
+		}
+	}
+
+	// Returns a function that creates widgets from all <img> and
+	// <figure class="{config.image2_captionedClass}"> elements.
+	//
+	// @param {CKEDITOR.editor} editor
+	// @returns {Function}
+	function upcastWidgetElement( editor ) {
+		var isCenterWrapper = centerWrapperChecker( editor ),
+			captionedClass = editor.config.image2_captionedClass;
+
+		// @param {CKEDITOR.htmlParser.element} el
+		// @param {Object} data
+		return function( el, data ) {
+			var dimensions = { width: 1, height: 1 },
+				name = el.name,
+				image;
+
+			// http://dev.ckeditor.com/ticket/11110 Don't initialize on pasted fake objects.
+			if ( el.attributes[ 'data-cke-realelement' ] )
+				return;
+
+			// If a center wrapper is found, there are 3 possible cases:
+			//
+			// 1. <div style="text-align:center"><figure>...</figure></div>.
+			//    In this case centering is done with a class set on widget.wrapper.
+			//    Simply replace centering wrapper with figure (it's no longer necessary).
+			//
+			// 2. <p style="text-align:center"><img/></p>.
+			//    Nothing to do here: <p> remains for styling purposes.
+			//
+			// 3. <div style="text-align:center"><img/></div>.
+			//    Nothing to do here (2.) but that case is only possible in enterMode different
+			//    than ENTER_P.
+			if ( isCenterWrapper( el ) ) {
+				if ( name == 'div' ) {
+					var figure = el.getFirst( 'figure' );
+
+					// Case #1.
+					if ( figure ) {
+						el.replaceWith( figure );
+						el = figure;
+					}
+				}
+				// Cases #2 and #3 (handled transparently)
+
+				// If there's a centering wrapper, save it in data.
+				data.align = 'center';
+
+				// Image can be wrapped in link <a><img/></a>.
+				image = el.getFirst( 'img' ) || el.getFirst( 'a' ).getFirst( 'img' );
+			}
+
+			// No center wrapper has been found.
+			else if ( name == 'figure' && el.hasClass( captionedClass ) ) {
+				image = el.getFirst( 'img' ) || el.getFirst( 'a' ).getFirst( 'img' );
+
+				// Upcast linked image like <a><img/></a>.
+			} else if ( isLinkedOrStandaloneImage( el ) ) {
+				image = el.name == 'a' ? el.children[ 0 ] : el;
+			}
+
+			if ( !image )
+				return;
+
+			// If there's an image, then cool, we got a widget.
+			// Now just remove dimension attributes expressed with %.
+			for ( var d in dimensions ) {
+				var dimension = image.attributes[ d ];
+
+				if ( dimension && dimension.match( regexPercent ) )
+					delete image.attributes[ d ];
+			}
+
+			return el;
+		};
+	}
+
+	// Returns a function which transforms the widget to the external format
+	// according to the current configuration.
+	//
+	// @param {CKEDITOR.editor}
+	function downcastWidgetElement( editor ) {
+		var alignClasses = editor.config.image2_alignClasses;
+
+		// @param {CKEDITOR.htmlParser.element} el
+		return function( el ) {
+			// In case of <a><img/></a>, <img/> is the element to hold
+			// inline styles or classes (image2_alignClasses).
+			var attrsHolder = el.name == 'a' ? el.getFirst() : el,
+				attrs = attrsHolder.attributes,
+				align = this.data.align;
+
+			// De-wrap the image from resize handle wrapper.
+			// Only block widgets have one.
+			if ( !this.inline ) {
+				var resizeWrapper = el.getFirst( 'span' );
+
+				if ( resizeWrapper )
+					resizeWrapper.replaceWith( resizeWrapper.getFirst( { img: 1, a: 1 } ) );
+			}
+
+			if ( align && align != 'none' ) {
+				var styles = CKEDITOR.tools.parseCssText( attrs.style || '' );
+
+				// When the widget is captioned (<figure>) and internally centering is done
+				// with widget's wrapper style/class, in the external data representation,
+				// <figure> must be wrapped with an element holding an style/class:
+				//
+				// 	<div style="text-align:center">
+				// 		<figure class="image" style="display:inline-block">...</figure>
+				// 	</div>
+				// or
+				// 	<div class="some-center-class">
+				// 		<figure class="image">...</figure>
+				// 	</div>
+				//
+				if ( align == 'center' && el.name == 'figure' ) {
+					el = el.wrapWith( new CKEDITOR.htmlParser.element( 'div',
+						alignClasses ? { 'class': alignClasses[ 1 ] } : { style: 'text-align:center' } ) );
+				}
+
+				// If left/right, add float style to the downcasted element.
+				else if ( align in { left: 1, right: 1 } ) {
+					if ( alignClasses )
+						attrsHolder.addClass( alignClasses[ alignmentsObj[ align ] ] );
+					else
+						styles[ 'float' ] = align;
+				}
+
+				// Update element styles.
+				if ( !alignClasses && !CKEDITOR.tools.isEmpty( styles ) )
+					attrs.style = CKEDITOR.tools.writeCssText( styles );
+			}
+
+			return el;
+		};
+	}
+
+	// Returns a function that checks if an element is a centering wrapper.
+	//
+	// @param {CKEDITOR.editor} editor
+	// @returns {Function}
+	function centerWrapperChecker( editor ) {
+		var captionedClass = editor.config.image2_captionedClass,
+			alignClasses = editor.config.image2_alignClasses,
+			validChildren = { figure: 1, a: 1, img: 1 };
+
+		return function( el ) {
+			// Wrapper must be either <div> or <p>.
+			if ( !( el.name in { div: 1, p: 1 } ) )
+				return false;
+
+			var children = el.children;
+
+			// Centering wrapper can have only one child.
+			if ( children.length !== 1 )
+				return false;
+
+			var child = children[ 0 ];
+
+			// Only <figure> or <img /> can be first (only) child of centering wrapper,
+			// regardless of its type.
+			if ( !( child.name in validChildren ) )
+				return false;
+
+			// If centering wrapper is <p>, only <img /> can be the child.
+			//   <p style="text-align:center"><img /></p>
+			if ( el.name == 'p' ) {
+				if ( !isLinkedOrStandaloneImage( child ) )
+					return false;
+			}
+			// Centering <div> can hold <img/> or <figure>, depending on enterMode.
+			else {
+				// If a <figure> is the first (only) child, it must have a class.
+				//   <div style="text-align:center"><figure>...</figure><div>
+				if ( child.name == 'figure' ) {
+					if ( !child.hasClass( captionedClass ) )
+						return false;
+				} else {
+					// Centering <div> can hold <img/> or <a><img/></a> only when enterMode
+					// is ENTER_(BR|DIV).
+					//   <div style="text-align:center"><img /></div>
+					//   <div style="text-align:center"><a><img /></a></div>
+					if ( editor.enterMode == CKEDITOR.ENTER_P )
+						return false;
+
+					// Regardless of enterMode, a child which is not <figure> must be
+					// either <img/> or <a><img/></a>.
+					if ( !isLinkedOrStandaloneImage( child ) )
+						return false;
+				}
+			}
+
+			// Centering wrapper got to be... centering. If image2_alignClasses are defined,
+			// check for centering class. Otherwise, check the style.
+			if ( alignClasses ? el.hasClass( alignClasses[ 1 ] ) :
+					CKEDITOR.tools.parseCssText( el.attributes.style || '', true )[ 'text-align' ] == 'center' )
+				return true;
+
+			return false;
+		};
+	}
+
+	// Checks whether element is <img/> or <a><img/></a>.
+	//
+	// @param {CKEDITOR.htmlParser.element}
+	function isLinkedOrStandaloneImage( el ) {
+		if ( el.name == 'img' )
+			return true;
+		else if ( el.name == 'a' )
+			return el.children.length == 1 && el.getFirst( 'img' );
+
+		return false;
+	}
+
+	// Sets width and height of the widget image according to current widget data.
+	//
+	// @param {CKEDITOR.plugins.widget} widget
+	function setDimensions( widget ) {
+		var data = widget.data,
+			dimensions = { width: data.width, height: data.height },
+			image = widget.parts.image;
+
+		for ( var d in dimensions ) {
+			if ( dimensions[ d ] )
+				image.setAttribute( d, dimensions[ d ] );
+			else
+				image.removeAttribute( d );
+		}
+	}
+
+	// Defines all features related to drag-driven image resizing.
+	//
+	// @param {CKEDITOR.plugins.widget} widget
+	function setupResizer( widget ) {
+		var editor = widget.editor,
+			editable = editor.editable(),
+			doc = editor.document,
+
+			// Store the resizer in a widget for testing (http://dev.ckeditor.com/ticket/11004).
+			resizer = widget.resizer = doc.createElement( 'span' );
+
+		resizer.addClass( 'cke_image_resizer' );
+		resizer.setAttribute( 'title', editor.lang.image2.resizer );
+		resizer.append( new CKEDITOR.dom.text( '\u200b', doc ) );
+
+		// Inline widgets don't need a resizer wrapper as an image spans the entire widget.
+		if ( !widget.inline ) {
+			var imageOrLink = widget.parts.link || widget.parts.image,
+				oldResizeWrapper = imageOrLink.getParent(),
+				resizeWrapper = doc.createElement( 'span' );
+
+			resizeWrapper.addClass( 'cke_image_resizer_wrapper' );
+			resizeWrapper.append( imageOrLink );
+			resizeWrapper.append( resizer );
+			widget.element.append( resizeWrapper, true );
+
+			// Remove the old wrapper which could came from e.g. pasted HTML
+			// and which could be corrupted (e.g. resizer span has been lost).
+			if ( oldResizeWrapper.is( 'span' ) )
+				oldResizeWrapper.remove();
+		} else {
+			widget.wrapper.append( resizer );
+		}
+
+		// Calculate values of size variables and mouse offsets.
+		resizer.on( 'mousedown', function( evt ) {
+			var image = widget.parts.image,
+
+				// "factor" can be either 1 or -1. I.e.: For right-aligned images, we need to
+				// subtract the difference to get proper width, etc. Without "factor",
+				// resizer starts working the opposite way.
+				factor = widget.data.align == 'right' ? -1 : 1,
+
+				// The x-coordinate of the mouse relative to the screen
+				// when button gets pressed.
+				startX = evt.data.$.screenX,
+				startY = evt.data.$.screenY,
+
+				// The initial dimensions and aspect ratio of the image.
+				startWidth = image.$.clientWidth,
+				startHeight = image.$.clientHeight,
+				ratio = startWidth / startHeight,
+
+				listeners = [],
+
+				// A class applied to editable during resizing.
+				cursorClass = 'cke_image_s' + ( !~factor ? 'w' : 'e' ),
+
+				nativeEvt, newWidth, newHeight, updateData,
+				moveDiffX, moveDiffY, moveRatio;
+
+			// Save the undo snapshot first: before resizing.
+			editor.fire( 'saveSnapshot' );
+
+			// Mousemove listeners are removed on mouseup.
+			attachToDocuments( 'mousemove', onMouseMove, listeners );
+
+			// Clean up the mousemove listener. Update widget data if valid.
+			attachToDocuments( 'mouseup', onMouseUp, listeners );
+
+			// The entire editable will have the special cursor while resizing goes on.
+			editable.addClass( cursorClass );
+
+			// This is to always keep the resizer element visible while resizing.
+			resizer.addClass( 'cke_image_resizing' );
+
+			// Attaches an event to a global document if inline editor.
+			// Additionally, if classic (`iframe`-based) editor, also attaches the same event to `iframe`'s document.
+			function attachToDocuments( name, callback, collection ) {
+				var globalDoc = CKEDITOR.document,
+					listeners = [];
+
+				if ( !doc.equals( globalDoc ) )
+					listeners.push( globalDoc.on( name, callback ) );
+
+				listeners.push( doc.on( name, callback ) );
+
+				if ( collection ) {
+					for ( var i = listeners.length; i--; )
+						collection.push( listeners.pop() );
+				}
+			}
+
+			// Calculate with first, and then adjust height, preserving ratio.
+			function adjustToX() {
+				newWidth = startWidth + factor * moveDiffX;
+				newHeight = Math.round( newWidth / ratio );
+			}
+
+			// Calculate height first, and then adjust width, preserving ratio.
+			function adjustToY() {
+				newHeight = startHeight - moveDiffY;
+				newWidth = Math.round( newHeight * ratio );
+			}
+
+			// This is how variables refer to the geometry.
+			// Note: x corresponds to moveOffset, this is the position of mouse
+			// Note: o corresponds to [startX, startY].
+			//
+			// 	+--------------+--------------+
+			// 	|              |              |
+			// 	|      I       |      II      |
+			// 	|              |              |
+			// 	+------------- o -------------+ _ _ _
+			// 	|              |              |      ^
+			// 	|      VI      |     III      |      | moveDiffY
+			// 	|              |         x _ _ _ _ _ v
+			// 	+--------------+---------|----+
+			// 	               |         |
+			// 	                <------->
+			// 	                moveDiffX
+			function onMouseMove( evt ) {
+				nativeEvt = evt.data.$;
+
+				// This is how far the mouse is from the point the button was pressed.
+				moveDiffX = nativeEvt.screenX - startX;
+				moveDiffY = startY - nativeEvt.screenY;
+
+				// This is the aspect ratio of the move difference.
+				moveRatio = Math.abs( moveDiffX / moveDiffY );
+
+				// Left, center or none-aligned widget.
+				if ( factor == 1 ) {
+					if ( moveDiffX <= 0 ) {
+						// Case: IV.
+						if ( moveDiffY <= 0 )
+							adjustToX();
+
+						// Case: I.
+						else {
+							if ( moveRatio >= ratio )
+								adjustToX();
+							else
+								adjustToY();
+						}
+					} else {
+						// Case: III.
+						if ( moveDiffY <= 0 ) {
+							if ( moveRatio >= ratio )
+								adjustToY();
+							else
+								adjustToX();
+						}
+
+						// Case: II.
+						else {
+							adjustToY();
+						}
+					}
+				}
+
+				// Right-aligned widget. It mirrors behaviours, so I becomes II,
+				// IV becomes III and vice-versa.
+				else {
+					if ( moveDiffX <= 0 ) {
+						// Case: IV.
+						if ( moveDiffY <= 0 ) {
+							if ( moveRatio >= ratio )
+								adjustToY();
+							else
+								adjustToX();
+						}
+
+						// Case: I.
+						else {
+							adjustToY();
+						}
+					} else {
+						// Case: III.
+						if ( moveDiffY <= 0 )
+							adjustToX();
+
+						// Case: II.
+						else {
+							if ( moveRatio >= ratio ) {
+								adjustToX();
+							} else {
+								adjustToY();
+							}
+						}
+					}
+				}
+
+				// Don't update attributes if less than 10.
+				// This is to prevent images to visually disappear.
+				if ( newWidth >= 15 && newHeight >= 15 ) {
+					image.setAttributes( { width: newWidth, height: newHeight } );
+					updateData = true;
+				} else {
+					updateData = false;
+				}
+			}
+
+			function onMouseUp() {
+				var l;
+
+				while ( ( l = listeners.pop() ) )
+					l.removeListener();
+
+				// Restore default cursor by removing special class.
+				editable.removeClass( cursorClass );
+
+				// This is to bring back the regular behaviour of the resizer.
+				resizer.removeClass( 'cke_image_resizing' );
+
+				if ( updateData ) {
+					widget.setData( { width: newWidth, height: newHeight } );
+
+					// Save another undo snapshot: after resizing.
+					editor.fire( 'saveSnapshot' );
+				}
+
+				// Don't update data twice or more.
+				updateData = false;
+			}
+		} );
+
+		// Change the position of the widget resizer when data changes.
+		widget.on( 'data', function() {
+			resizer[ widget.data.align == 'right' ? 'addClass' : 'removeClass' ]( 'cke_image_resizer_left' );
+		} );
+	}
+
+	// Integrates widget alignment setting with justify
+	// plugin's commands (execution and refreshment).
+	// @param {CKEDITOR.editor} editor
+	// @param {String} value 'left', 'right', 'center' or 'block'
+	function alignCommandIntegrator( editor ) {
+		var execCallbacks = [],
+			enabled;
+
+		return function( value ) {
+			var command = editor.getCommand( 'justify' + value );
+
+			// Most likely, the justify plugin isn't loaded.
+			if ( !command )
+				return;
+
+			// This command will be manually refreshed along with
+			// other commands after exec.
+			execCallbacks.push( function() {
+				command.refresh( editor, editor.elementPath() );
+			} );
+
+			if ( value in { right: 1, left: 1, center: 1 } ) {
+				command.on( 'exec', function( evt ) {
+					var widget = getFocusedWidget( editor );
+
+					if ( widget ) {
+						widget.setData( 'align', value );
+
+						// Once the widget changed its align, all the align commands
+						// must be refreshed: the event is to be cancelled.
+						for ( var i = execCallbacks.length; i--; )
+							execCallbacks[ i ]();
+
+						evt.cancel();
+					}
+				} );
+			}
+
+			command.on( 'refresh', function( evt ) {
+				var widget = getFocusedWidget( editor ),
+					allowed = { right: 1, left: 1, center: 1 };
+
+				if ( !widget )
+					return;
+
+				// Cache "enabled" on first use. This is because filter#checkFeature may
+				// not be available during plugin's afterInit in the future — a moment when
+				// alignCommandIntegrator is called.
+				if ( enabled === undefined )
+					enabled = editor.filter.checkFeature( editor.widgets.registered.image.features.align );
+
+				// Don't allow justify commands when widget alignment is disabled (http://dev.ckeditor.com/ticket/11004).
+				if ( !enabled )
+					this.setState( CKEDITOR.TRISTATE_DISABLED );
+				else {
+					this.setState(
+						( widget.data.align == value ) ? (
+							CKEDITOR.TRISTATE_ON
+						) : (
+							( value in allowed ) ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED
+						)
+					);
+				}
+
+				evt.cancel();
+			} );
+		};
+	}
+
+	function linkCommandIntegrator( editor ) {
+		// Nothing to integrate with if link is not loaded.
+		if ( !editor.plugins.link )
+			return;
+
+		CKEDITOR.on( 'dialogDefinition', function( evt ) {
+			var dialog = evt.data;
+
+			if ( dialog.name == 'link' ) {
+				var def = dialog.definition;
+
+				var onShow = def.onShow,
+					onOk = def.onOk;
+
+				def.onShow = function() {
+					var widget = getFocusedWidget( editor ),
+						displayTextField = this.getContentElement( 'info', 'linkDisplayText' ).getElement().getParent().getParent();
+
+					// Widget cannot be enclosed in a link, i.e.
+					//		<a>foo<inline widget/>bar</a>
+					if ( widget && ( widget.inline ? !widget.wrapper.getAscendant( 'a' ) : 1 ) ) {
+						this.setupContent( widget.data.link || {} );
+
+						// Hide the display text in case of linking image2 widget.
+						displayTextField.hide();
+					} else {
+						// Make sure that display text is visible, as it might be hidden by image2 integration
+						// before.
+						displayTextField.show();
+						onShow.apply( this, arguments );
+					}
+				};
+
+				// Set widget data if linking the widget using
+				// link dialog (instead of default action).
+				// State shifter handles data change and takes
+				// care of internal DOM structure of linked widget.
+				def.onOk = function() {
+					var widget = getFocusedWidget( editor );
+
+					// Widget cannot be enclosed in a link, i.e.
+					//		<a>foo<inline widget/>bar</a>
+					if ( widget && ( widget.inline ? !widget.wrapper.getAscendant( 'a' ) : 1 ) ) {
+						var data = {};
+
+						// Collect data from fields.
+						this.commitContent( data );
+
+						// Set collected data to widget.
+						widget.setData( 'link', data );
+					} else {
+						onOk.apply( this, arguments );
+					}
+				};
+			}
+		} );
+
+		// Overwrite default behaviour of unlink command.
+		editor.getCommand( 'unlink' ).on( 'exec', function( evt ) {
+			var widget = getFocusedWidget( editor );
+
+			// Override unlink only when link truly belongs to the widget.
+			// If wrapped inline widget in a link, let default unlink work (http://dev.ckeditor.com/ticket/11814).
+			if ( !widget || !widget.parts.link )
+				return;
+
+			widget.setData( 'link', null );
+
+			// Selection (which is fake) may not change if unlinked image in focused widget,
+			// i.e. if captioned image. Let's refresh command state manually here.
+			this.refresh( editor, editor.elementPath() );
+
+			evt.cancel();
+		} );
+
+		// Overwrite default refresh of unlink command.
+		editor.getCommand( 'unlink' ).on( 'refresh', function( evt ) {
+			var widget = getFocusedWidget( editor );
+
+			if ( !widget )
+				return;
+
+			// Note that widget may be wrapped in a link, which
+			// does not belong to that widget (http://dev.ckeditor.com/ticket/11814).
+			this.setState( widget.data.link || widget.wrapper.getAscendant( 'a' ) ?
+				CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );
+
+			evt.cancel();
+		} );
+	}
+
+	// Returns the focused widget, if of the type specific for this plugin.
+	// If no widget is focused, `null` is returned.
+	//
+	// @param {CKEDITOR.editor}
+	// @returns {CKEDITOR.plugins.widget}
+	function getFocusedWidget( editor ) {
+		var widget = editor.widgets.focused;
+
+		if ( widget && widget.name == 'image' )
+			return widget;
+
+		return null;
+	}
+
+	// Returns a set of widget allowedContent rules, depending
+	// on configurations like config#image2_alignClasses or
+	// config#image2_captionedClass.
+	//
+	// @param {CKEDITOR.editor}
+	// @returns {Object}
+	function getWidgetAllowedContent( editor ) {
+		var alignClasses = editor.config.image2_alignClasses,
+			rules = {
+				// Widget may need <div> or <p> centering wrapper.
+				div: {
+					match: centerWrapperChecker( editor )
+				},
+				p: {
+					match: centerWrapperChecker( editor )
+				},
+				img: {
+					attributes: '!src,alt,width,height'
+				},
+				figure: {
+					classes: '!' + editor.config.image2_captionedClass
+				},
+				figcaption: true
+			};
+
+		if ( alignClasses ) {
+			// Centering class from the config.
+			rules.div.classes = alignClasses[ 1 ];
+			rules.p.classes = rules.div.classes;
+
+			// Left/right classes from the config.
+			rules.img.classes = alignClasses[ 0 ] + ',' + alignClasses[ 2 ];
+			rules.figure.classes += ',' + rules.img.classes;
+		} else {
+			// Centering with text-align.
+			rules.div.styles = 'text-align';
+			rules.p.styles = 'text-align';
+
+			rules.img.styles = 'float';
+			rules.figure.styles = 'float,display';
+		}
+
+		return rules;
+	}
+
+	// Returns a set of widget feature rules, depending
+	// on editor configuration. Note that the following may not cover
+	// all the possible cases since requiredContent supports a single
+	// tag only.
+	//
+	// @param {CKEDITOR.editor}
+	// @returns {Object}
+	function getWidgetFeatures( editor ) {
+		var alignClasses = editor.config.image2_alignClasses,
+			features = {
+				dimension: {
+					requiredContent: 'img[width,height]'
+				},
+				align: {
+					requiredContent: 'img' +
+						( alignClasses ? '(' + alignClasses[ 0 ] + ')' : '{float}' )
+				},
+				caption: {
+					requiredContent: 'figcaption'
+				}
+			};
+
+		return features;
+	}
+
+	// Returns element which is styled, considering current
+	// state of the widget.
+	//
+	// @see CKEDITOR.plugins.widget#applyStyle
+	// @param {CKEDITOR.plugins.widget} widget
+	// @returns {CKEDITOR.dom.element}
+	function getStyleableElement( widget ) {
+		return widget.data.hasCaption ? widget.element : widget.parts.image;
+	}
+} )();
+
+/**
+ * A CSS class applied to the `<figure>` element of a captioned image.
+ *
+ * Read more in the [documentation](#!/guide/dev_captionedimage) and see the
+ * [SDK sample](http://sdk.ckeditor.com/samples/captionedimage.html).
+ *
+ *		// Changes the class to "captionedImage".
+ *		config.image2_captionedClass = 'captionedImage';
+ *
+ * @cfg {String} [image2_captionedClass='image']
+ * @member CKEDITOR.config
+ */
+CKEDITOR.config.image2_captionedClass = 'image';
+
+/**
+ * Determines whether dimension inputs should be automatically filled when the image URL changes in the Enhanced Image
+ * plugin dialog window.
+ *
+ * Read more in the [documentation](#!/guide/dev_captionedimage) and see the
+ * [SDK sample](http://sdk.ckeditor.com/samples/captionedimage.html).
+ *
+ *		config.image2_prefillDimensions = false;
+ *
+ * @since 4.5
+ * @cfg {Boolean} [image2_prefillDimensions=true]
+ * @member CKEDITOR.config
+ */
+
+/**
+ * Disables the image resizer. By default the resizer is enabled.
+ *
+ * Read more in the [documentation](#!/guide/dev_captionedimage) and see the
+ * [SDK sample](http://sdk.ckeditor.com/samples/captionedimage.html).
+ *
+ *		config.image2_disableResizer = true;
+ *
+ * @since 4.5
+ * @cfg {Boolean} [image2_disableResizer=false]
+ * @member CKEDITOR.config
+ */
+
+/**
+ * CSS classes applied to aligned images. Useful to take control over the way
+ * the images are aligned, i.e. to customize output HTML and integrate external stylesheets.
+ *
+ * Classes should be defined in an array of three elements, containing left, center, and right
+ * alignment classes, respectively. For example:
+ *
+ *		config.image2_alignClasses = [ 'align-left', 'align-center', 'align-right' ];
+ *
+ * **Note**: Once this configuration option is set, the plugin will no longer produce inline
+ * styles for alignment. It means that e.g. the following HTML will be produced:
+ *
+ *		<img alt="My image" class="custom-center-class" src="foo.png" />
+ *
+ * instead of:
+ *
+ *		<img alt="My image" style="float:left" src="foo.png" />
+ *
+ * **Note**: Once this configuration option is set, corresponding style definitions
+ * must be supplied to the editor:
+ *
+ * * For [classic editor](#!/guide/dev_framed) it can be done by defining additional
+ * styles in the {@link CKEDITOR.config#contentsCss stylesheets loaded by the editor}. The same
+ * styles must be provided on the target page where the content will be loaded.
+ * * For [inline editor](#!/guide/dev_inline) the styles can be defined directly
+ * with `<style> ... <style>` or `<link href="..." rel="stylesheet">`, i.e. within the `<head>`
+ * of the page.
+ *
+ * For example, considering the following configuration:
+ *
+ *		config.image2_alignClasses = [ 'align-left', 'align-center', 'align-right' ];
+ *
+ * CSS rules can be defined as follows:
+ *
+ *		.align-left {
+ *			float: left;
+ *		}
+ *
+ *		.align-right {
+ *			float: right;
+ *		}
+ *
+ *		.align-center {
+ *			text-align: center;
+ *		}
+ *
+ *		.align-center > figure {
+ *			display: inline-block;
+ *		}
+ *
+ * Read more in the [documentation](#!/guide/dev_captionedimage) and see the
+ * [SDK sample](http://sdk.ckeditor.com/samples/captionedimage.html).
+ *
+ * @since 4.4
+ * @cfg {String[]} [image2_alignClasses=null]
+ * @member CKEDITOR.config
+ */
+
+/**
+ * Determines whether alternative text is required for the captioned image.
+ *
+ *		config.image2_altRequired = true;
+ *
+ * Read more in the [documentation](#!/guide/dev_captionedimage) and see the
+ * [SDK sample](http://sdk.ckeditor.com/samples/captionedimage.html).
+ *
+ * @since 4.6.0
+ * @cfg {Boolean} [image2_altRequired=false]
+ * @member CKEDITOR.config
+ */

+<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+-->
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>New Image plugin &mdash; CKEditor Sample</title>
+	<script src="../../../ckeditor.js"></script>
+	<script>
+		if ( CKEDITOR.env.ie && CKEDITOR.env.version < 9 )
+			CKEDITOR.tools.enableHtml5Elements( document );
+	</script>
+	<link href="../../../samples/old/sample.css" rel="stylesheet">
+	<meta name="ckeditor-sample-name" content="New Image plugin">
+	<meta name="ckeditor-sample-group" content="Plugins">
+	<meta name="ckeditor-sample-description" content="Using the new Image plugin to insert captioned images and adjust their dimensions.">
+	<meta name="ckeditor-sample-isnew" content="1">
+</head>
+<body>
+	<h1 class="samples">
+		<a href="../../../samples/old/index.html">CKEditor Samples</a> &raquo; New Image plugin
+	</h1>
+	<div class="warning deprecated">
+		This sample is not maintained anymore. Check out its <a href="http://sdk.ckeditor.com/samples/captionedimage.html">brand new version in CKEditor SDK</a>.
+	</div>
+
+	<div class="description">
+		<p>
+			This editor is using the new <strong>Image</strong> (<code>image2</code>) plugin, which implements a dynamic <em>click-and-drag</em> resizing
+			and easy captioning of the images.
+		</p>
+		<p>
+			To use the new plugin, extend <code><a class="samples" href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-extraPlugins">config.extraPlugins</a></code>:
+		</p>
+<pre class="samples">
+CKEDITOR.replace( '<em>textarea_id</em>', {
+	<strong>extraPlugins: 'image2'</strong>
+} );
+</pre>
+	</div>
+
+	<textarea id="editor1" cols="10" rows="10">
+		&lt;h1&gt;Apollo 11&lt;/h1&gt;&lt;figure class=&quot;image&quot; style=&quot;float: right&quot;&gt;&lt;img alt=&quot;Saturn V&quot; src=&quot;assets/image1.jpg&quot; width=&quot;200&quot; /&gt;&lt;figcaption&gt;Roll out of Saturn V on launch pad&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;strong&gt;Apollo 11&lt;/strong&gt; was the spaceflight that landed the first humans, Americans &lt;a href=&quot;http://en.wikipedia.org/wiki/Neil_Armstrong&quot; title=&quot;Neil Armstrong&quot;&gt;Neil Armstrong&lt;/a&gt; and &lt;a href=&quot;http://en.wikipedia.org/wiki/Buzz_Aldrin&quot; title=&quot;Buzz Aldrin&quot;&gt;Buzz Aldrin&lt;/a&gt;, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.&lt;/p&gt;&lt;p&gt;Armstrong spent about &lt;s&gt;three and a half&lt;/s&gt; two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5&amp;nbsp;kg) of lunar material for return to Earth. A third member of the mission, &lt;a href=&quot;http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)&quot; title=&quot;Michael Collins (astronaut)&quot;&gt;Michael Collins&lt;/a&gt;, piloted the &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_Command/Service_Module&quot; title=&quot;Apollo Command/Service Module&quot;&gt;command&lt;/a&gt; spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.&lt;/p&gt;&lt;h2&gt;Broadcasting and &lt;em&gt;quotes&lt;/em&gt; &lt;a id=&quot;quotes&quot; name=&quot;quotes&quot;&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;One small step for [a] man, one giant leap for mankind.&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;Apollo 11 effectively ended the &lt;a href=&quot;http://en.wikipedia.org/wiki/Space_Race&quot; title=&quot;Space Race&quot;&gt;Space Race&lt;/a&gt; and fulfilled a national goal proposed in 1961 by the late U.S. President &lt;a href=&quot;http://en.wikipedia.org/wiki/John_F._Kennedy&quot; title=&quot;John F. Kennedy&quot;&gt;John F. Kennedy&lt;/a&gt; in a speech before the United States Congress:&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;[...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.&lt;/p&gt;&lt;/blockquote&gt;&lt;figure class=&quot;image&quot; style=&quot;float: right&quot;&gt;&lt;img alt=&quot;The Eagle&quot; src=&quot;assets/image2.jpg&quot; style=&quot;width: 200px&quot; /&gt;&lt;figcaption&gt;The Eagle in lunar orbit&lt;/figcaption&gt;&lt;/figure&gt;&lt;h2&gt;Technical details &lt;a id=&quot;tech-details&quot; name=&quot;tech-details&quot;&gt;&lt;/a&gt;&lt;/h2&gt;&lt;p&gt;Launched by a &lt;strong&gt;Saturn V&lt;/strong&gt; rocket from &lt;a href=&quot;http://en.wikipedia.org/wiki/Kennedy_Space_Center&quot; title=&quot;Kennedy Space Center&quot;&gt;Kennedy Space Center&lt;/a&gt; in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of &lt;a href=&quot;http://en.wikipedia.org/wiki/NASA&quot; title=&quot;NASA&quot;&gt;NASA&lt;/a&gt;&amp;#39;s Apollo program. The Apollo spacecraft had three parts:&lt;/p&gt;&lt;ol&gt;&lt;li&gt;&lt;strong&gt;Command Module&lt;/strong&gt; with a cabin for the three astronauts which was the only part which landed back on Earth&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Service Module&lt;/strong&gt; which supported the Command Module with propulsion, electrical power, oxygen and water&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Lunar Module&lt;/strong&gt; for landing on the Moon.&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;After being sent to the Moon by the Saturn V&amp;#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Mare_Tranquillitatis&quot; title=&quot;Mare Tranquillitatis&quot;&gt;Sea of Tranquility&lt;/a&gt;. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Pacific_Ocean&quot; title=&quot;Pacific Ocean&quot;&gt;Pacific Ocean&lt;/a&gt; on July 24.&lt;/p&gt;&lt;hr /&gt;&lt;p style=&quot;text-align:right&quot;&gt;&lt;small&gt;Source: &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_11&quot;&gt;Wikipedia.org&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
+	</textarea>
+
+	<script>
+
+		CKEDITOR.replace( 'editor1', {
+			extraPlugins: 'image2',
+			height: 450
+		} );
+
+	</script>
+
+	<div id="footer">
+		<hr>
+		<p>
+			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
+		</p>
+		<p id="copy">
+			Copyright &copy; 2003-2017, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

+<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+-->
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>Widget Drag &amp; Drop with Lineutils &mdash; CKEditor Sample</title>
+	<script src="../../../ckeditor.js"></script>
+	<script>
+		if ( CKEDITOR.env.ie && CKEDITOR.env.version < 9 )
+			CKEDITOR.tools.enableHtml5Elements( document );
+	</script>
+	<link href="../../../samples/old/sample.css" rel="stylesheet">
+	<link href="../../image2/samples/contents.css" rel="stylesheet">
+</head>
+<body>
+	<h1 class="samples">
+		<a href="../../../samples/old/index.html">CKEditor Samples</a> &raquo; Widget Drag &amp; Drop with Lineutils
+	</h1>
+
+	<h3>Classic (iframe-based) Editor</h3>
+
+	<textarea id="editor1" cols="10" rows="10">
+		<h1>Apollo 11</h1>
+
+		<figure class="caption" style="float:right"><img alt="Saturn V" src="../../image2/samples/assets/image1.jpg" width="200" />
+		<figcaption>Roll out of Saturn V on launch pad</figcaption>
+		</figure>
+
+		<p><strong>Apollo 11</strong> was the spaceflight that landed the first humans, Americans <a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.</p>
+
+		<p>Armstrong spent about <s>three and a half</s> two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5&nbsp;kg) of lunar material for return to Earth. A third member of the mission, <a href="http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)" title="Michael Collins (astronaut)">Michael Collins</a>, piloted the <a href="http://en.wikipedia.org/wiki/Apollo_Command/Service_Module" title="Apollo Command/Service Module">command</a> spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.</p>
+
+		<h2>Broadcasting and <em>quotes</em> <a id="quotes" name="quotes"></a></h2>
+
+		<p>Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:</p>
+
+		<blockquote>
+		<p>One small step for [a] man, one giant leap for mankind.</p>
+		</blockquote>
+
+		<p>Apollo 11 effectively ended the <a href="http://en.wikipedia.org/wiki/Space_Race" title="Space Race">Space Race</a> and fulfilled a national goal proposed in 1961 by the late U.S. President <a href="http://en.wikipedia.org/wiki/John_F._Kennedy" title="John F. Kennedy">John F. Kennedy</a> in a speech before the United States Congress:</p>
+
+		<div style="text-align:center">
+		<figure class="caption" style="display:inline-block"><img alt="The Eagle" height="123" src="../../image2/samples/assets/image2.jpg" width="136" />
+		<figcaption>The Eagle in lunar orbit</figcaption>
+		</figure>
+		</div>
+
+		<blockquote>
+		<p>[...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.</p>
+		</blockquote>
+
+		<figure class="caption" style="float:right"><img alt="The Eagle" src="../../image2/samples/assets/image2.jpg" width="200" />
+		<figcaption>The Eagle in lunar orbit</figcaption>
+		</figure>
+
+		<h2>Technical details <a id="tech-details" name="tech-details"></a></h2>
+
+		<p>Launched by a <strong>Saturn V</strong> rocket from <a href="http://en.wikipedia.org/wiki/Kennedy_Space_Center" title="Kennedy Space Center">Kennedy Space Center</a> in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of <a href="http://en.wikipedia.org/wiki/NASA" title="NASA">NASA</a>&#39;s Apollo program. The Apollo spacecraft had three parts:</p>
+
+		<ol>
+			<li><strong>Command Module</strong> with a cabin for the three astronauts which was the only part which landed back on Earth</li>
+			<li><strong>Service Module</strong> which supported the Command Module with propulsion, electrical power, oxygen and water</li>
+			<li><strong>Lunar Module</strong> for landing on the Moon.</li>
+		</ol>
+
+		<p>After being sent to the Moon by the Saturn V&#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the <a href="http://en.wikipedia.org/wiki/Mare_Tranquillitatis" title="Mare Tranquillitatis">Sea of Tranquility</a>. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the <a href="http://en.wikipedia.org/wiki/Pacific_Ocean" title="Pacific Ocean">Pacific Ocean</a> on July 24.</p>
+
+		<figure class="caption"><img alt="Saturn V" height="129" src="../../image2/samples/assets/image1.jpg" width="101" />
+		<figcaption>Roll out of Saturn V on launch pad</figcaption>
+		</figure>
+
+		<hr />
+		<p style="text-align:right"><small>Source: <a href="http://en.wikipedia.org/wiki/Apollo_11">Wikipedia.org</a></small></p>
+
+	</textarea>
+
+	<h3>Inline Editor</h3>
+
+	<div id="editor2" contenteditable="true" style="outline: 2px solid #ccc">
+		<table border="0" cellpadding="1" cellspacing="1" style="width: 100%; ">
+			<tbody>
+				<tr>
+					<td>This table</td>
+					<td>is the</td>
+					<td>very first</td>
+					<td>element of the document.</td>
+				</tr>
+				<tr>
+					<td>We are still</td>
+					<td>able to acces</td>
+					<td>the space before it.</td>
+					<td style="padding: 25px">
+					<table border="0" cellpadding="1" cellspacing="1" style="width: 100%; ">
+						<tbody>
+							<tr>
+								<td>This table is inside of a cell of another table.</td>
+							</tr>
+							<tr>
+								<td>We can type&nbsp;either before or after it though.</td>
+							</tr>
+						</tbody>
+					</table>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+
+		<hr />
+		<hr />
+		<ol style="width: 300px">
+			<li>This numbered list...</li>
+			<li>...is a neighbour of a horizontal line...</li>
+			<li style="padding: 20px;">
+				<ol>
+					<li>Nested list!</li>
+				</ol>
+			</li>
+		</ol>
+
+		<figure class="caption"><img alt="Saturn V" src="../../image2/samples/assets/image1.jpg" width="100" />
+			<figcaption>Roll out of Saturn V on launch pad</figcaption>
+		</figure>
+
+		<ul style="width: 450px">
+			<li>We can type between the lists...</li>
+			<li>...thanks to <strong>Magicline</strong>.</li>
+		</ul>
+
+		<p>Lorem ipsum dolor sit amet dui. Morbi vel turpis. Nullam et leo. Etiam rutrum, urna tellus dui vel tincidunt mattis egestas, justo fringilla vel, massa. Phasellus.</p>
+
+		<p>Quisque iaculis, dui lectus varius vitae, tortor. Proin lacus. Pellentesque ac lacus. Aenean nonummy commodo nec, pede. Etiam blandit risus elit.</p>
+
+		<p>Ut pretium. Vestibulum rutrum in, adipiscing elit. Sed in quam in purus sem vitae pede. Pellentesque bibendum, urna sem vel risus. Vivamus posuere metus. Aliquam gravida iaculis nisl. Nam enim. Aliquam erat ac lacus tellus ac felis.</p>
+
+		<div id="last" style="padding: 10px; text-align: center;">
+			<p>This text is wrapped in a&nbsp;<tt>DIV</tt>&nbsp;element. We can type after this element though.</p>
+		</div>
+	</div>
+
+	<script>
+
+		CKEDITOR.replace( 'editor1', {
+			extraPlugins: 'image2',
+			height: 450,
+			removePlugins: 'image,forms',
+			contentsCss: [ '../../../contents.css', '../../image2/samples/contents.css' ]
+		} );
+
+		CKEDITOR.inline( 'editor2', {
+			extraPlugins: 'image2',
+			height: 450,
+			removePlugins: 'image,forms'
+		} );
+
+	</script>
+
+	<div id="footer">
+		<hr>
+		<p>
+			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
+		</p>
+		<p id="copy">
+			Copyright &copy; 2003-2017, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

+<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+-->
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>Lineutils &mdash; CKEditor Sample</title>
+	<script src="../../../ckeditor.js"></script>
+	<link href="../../../samples/old/sample.css" rel="stylesheet">
+</head>
+<body>
+	<h1 class="samples">
+		<a href="../../../samples/old/index.html">CKEditor Samples</a> &raquo; Lineutils
+	</h1>
+
+	<h3>Classic (iframe-based) Editor</h3>
+
+	<textarea id="editor1" cols="10" rows="10">
+		<table border="0" cellpadding="1" cellspacing="1" style="width: 100%; ">
+			<tbody>
+				<tr>
+					<td>This table</td>
+					<td>is the</td>
+					<td>very first</td>
+					<td>element of the document.</td>
+				</tr>
+				<tr>
+					<td>We are still</td>
+					<td>able to acces</td>
+					<td>the space before it.</td>
+					<td style="padding: 25px">
+					<table border="0" cellpadding="1" cellspacing="1" style="width: 100%; ">
+						<tbody>
+							<tr>
+								<td>This table is inside of a cell of another table.</td>
+							</tr>
+							<tr>
+								<td>We can type&nbsp;either before or after it though.</td>
+							</tr>
+						</tbody>
+					</table>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+
+		<p>Two succesive horizontal lines (<tt>HR</tt> tags). We can access the space in between:</p>
+
+		<hr />
+		<hr />
+		<ol style="width: 300px">
+			<li>This numbered list...</li>
+			<li>...is a neighbour of a horizontal line...</li>
+			<li style="padding: 20px;">
+				<ol>
+					<li>Nested list!</li>
+				</ol>
+			</li>
+		</ol>
+
+		<ul style="width: 450px">
+			<li>We can type between the lists...</li>
+			<li>...thanks to <strong>Magicline</strong>.</li>
+		</ul>
+
+		<p>Lorem ipsum dolor sit amet dui. Morbi vel turpis. Nullam et leo. Etiam rutrum, urna tellus dui vel tincidunt mattis egestas, justo fringilla vel, massa. Phasellus.</p>
+
+		<p>Quisque iaculis, dui lectus varius vitae, tortor. Proin lacus. Pellentesque ac lacus. Aenean nonummy commodo nec, pede. Etiam blandit risus elit.</p>
+
+		<p>Ut pretium. Vestibulum rutrum in, adipiscing elit. Sed in quam in purus sem vitae pede. Pellentesque bibendum, urna sem vel risus. Vivamus posuere metus. Aliquam gravida iaculis nisl. Nam enim. Aliquam erat ac lacus tellus ac felis.</p>
+
+		<div id="last" style="padding: 10px; text-align: center;">
+		<p>This text is wrapped in a&nbsp;<tt>DIV</tt>&nbsp;element. We can type after this element though.</p>
+		</div>
+	</textarea>
+
+	<h3>Inline Editor</h3>
+
+	<div id="editor2" contenteditable="true" style="outline: 2px solid #ccc">
+		<table border="0" cellpadding="1" cellspacing="1" style="width: 100%; ">
+			<tbody>
+				<tr>
+					<td>This table</td>
+					<td>is the</td>
+					<td>very first</td>
+					<td>element of the document.</td>
+				</tr>
+				<tr>
+					<td>We are still</td>
+					<td>able to acces</td>
+					<td>the space before it.</td>
+					<td style="padding: 25px">
+					<table border="0" cellpadding="1" cellspacing="1" style="width: 100%; ">
+						<tbody>
+							<tr>
+								<td>This table is inside of a cell of another table.</td>
+							</tr>
+							<tr>
+								<td>We can type&nbsp;either before or after it though.</td>
+							</tr>
+						</tbody>
+					</table>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+
+		<p>Two succesive horizontal lines (<tt>HR</tt> tags). We can access the space in between:</p>
+
+		<hr />
+		<hr />
+		<ol style="width: 300px">
+			<li>This numbered list...</li>
+			<li>...is a neighbour of a horizontal line...</li>
+			<li style="padding: 20px;">
+				<ol>
+					<li>Nested list!</li>
+				</ol>
+			</li>
+		</ol>
+
+		<ul style="width: 450px">
+			<li>We can type between the lists...</li>
+			<li>...thanks to <strong>Magicline</strong>.</li>
+		</ul>
+
+		<p>Lorem ipsum dolor sit amet dui. Morbi vel turpis. Nullam et leo. Etiam rutrum, urna tellus dui vel tincidunt mattis egestas, justo fringilla vel, massa. Phasellus.</p>
+
+		<p>Quisque iaculis, dui lectus varius vitae, tortor. Proin lacus. Pellentesque ac lacus. Aenean nonummy commodo nec, pede. Etiam blandit risus elit.</p>
+
+		<p>Ut pretium. Vestibulum rutrum in, adipiscing elit. Sed in quam in purus sem vitae pede. Pellentesque bibendum, urna sem vel risus. Vivamus posuere metus. Aliquam gravida iaculis nisl. Nam enim. Aliquam erat ac lacus tellus ac felis.</p>
+
+		<div id="last" style="padding: 10px; text-align: center;">
+			<p>This text is wrapped in a&nbsp;<tt>DIV</tt>&nbsp;element. We can type after this element though.</p>
+		</div>
+	</div>
+
+	<h3>Extreme inline</h3>
+
+	<div id="editor3" contenteditable="true" style="left: 123px; outline: 1px solid red; border: 15px solid green; position: relative; top: 30; left: 30px;">
+		<div style="padding: 20px; background: gray; width: 300px" class="1">Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim.</div>
+		<div style="background: violet; padding: 30px;" class="static">
+			Position static
+			<div style="background: green; padding: 30px;  border: 14px solid orange">foo</div>
+		</div>
+		<dl class="2">
+			<dt>Key</dt><dd>Value</dd>
+		</dl>
+		<div>Whatever</div>
+		<hr id="hr">
+		<p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies</p>
+		<hr>
+		<hr>
+		<p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies</p>
+		<div style="background: green; padding: 30px; width: 200px">foo</div>
+	</div>
+
+	<h3>Classic (iframe-based) Editor, H-scroll</h3>
+
+	<textarea id="editor4" cols="10" rows="10">
+		<hr />
+		<hr />
+		<ol style="width: 1500px">
+			<li>This numbered list...</li>
+			<li>...is a neighbour of a horizontal line...</li>
+			<li style="padding: 20px;">
+				<ol>
+					<li>Nested list!</li>
+				</ol>
+			</li>
+		</ol>
+
+		<ul style="width: 450px">
+			<li>We can type between the lists...</li>
+			<li>...thanks to <strong>Magicline</strong>.</li>
+		</ul>
+
+		<p>Lorem ipsum dolor sit amet dui. Morbi vel turpis. Nullam et leo. Etiam rutrum, urna tellus dui vel tincidunt mattis egestas, justo fringilla vel, massa. Phasellus.</p>
+
+		<p>Quisque iaculis, dui lectus varius vitae, tortor. Proin lacus. Pellentesque ac lacus. Aenean nonummy commodo nec, pede. Etiam blandit risus elit.</p>
+
+		<p>Ut pretium. Vestibulum rutrum in, adipiscing elit. Sed in quam in purus sem vitae pede. Pellentesque bibendum, urna sem vel risus. Vivamus posuere metus. Aliquam gravida iaculis nisl. Nam enim. Aliquam erat ac lacus tellus ac felis.</p>
+
+		<div id="last" style="padding: 10px; text-align: center;">
+		<p>This text is wrapped in a&nbsp;<tt>DIV</tt>&nbsp;element. We can type after this element though.</p>
+		</div>
+	</textarea>
+
+	<script>
+
+		CKEDITOR.addCss(
+			'.cke_editable * { outline: 1px solid #BCEBFF }'
+		);
+
+		function callback() {
+			var helpers = CKEDITOR.plugins.lineutils;
+			var liner = new helpers.liner( this );
+			var locator = new helpers.locator( this );
+			var finder = new helpers.finder( this, {
+				lookups: {
+					'is block and first child': function( el ) {
+						if ( el.is( CKEDITOR.dtd.$listItem ) )
+							return;
+
+						if ( el.is( CKEDITOR.dtd.$block ) )
+							return CKEDITOR.LINEUTILS_BEFORE | CKEDITOR.LINEUTILS_AFTER;
+					}
+				}
+			} ).start( function( relations, x, y ) {
+				locator.locate( relations );
+
+				var locations = locator.locations,
+					uid, type;
+
+				liner.prepare( relations, locations );
+
+				for ( uid in locations ) {
+					for ( type in locations[ uid ] )
+						liner.placeLine( { uid: uid, type: type } );
+				}
+
+				liner.cleanup();
+			} );
+		}
+
+		CKEDITOR.disableAutoInline = true;
+
+		CKEDITOR.replace( 'editor1', {
+			extraPlugins: 'lineutils',
+			height: 450,
+			removePlugins: 'magicline',
+			allowedContent: true,
+			contentsCss: [ '../../../contents.css' ],
+			on: {
+				contentDom: callback
+			}
+		} );
+
+		CKEDITOR.inline( 'editor2', {
+			extraPlugins: 'lineutils',
+			removePlugins: 'magicline',
+			allowedContent: true,
+			contentsCss: [ '../../../contents.css' ],
+			on: {
+				contentDom: callback
+			}
+		} );
+
+		CKEDITOR.inline( 'editor3', {
+			extraPlugins: 'lineutils',
+			removePlugins: 'magicline',
+			allowedContent: true,
+			contentsCss: [ '../../../contents.css' ],
+			on: {
+				contentDom: callback
+			}
+		} );
+
+		CKEDITOR.replace( 'editor4', {
+			extraPlugins: 'lineutils',
+			removePlugins: 'magicline',
+			allowedContent: true,
+			contentsCss: [ '../../../contents.css' ],
+			on: {
+				contentDom: callback
+			}
+		} );
+
+
+	</script>
+
+	<div id="footer">
+		<hr>
+		<p>
+			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
+		</p>
+		<p id="copy">
+			Copyright &copy; 2003-2017, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+
+ /**
+ * @fileOverview A set of utilities to find and create horizontal spaces in edited content.
+ */
+
+'use strict';
+
+( function() {
+
+	CKEDITOR.plugins.add( 'lineutils' );
+
+	/**
+	 * Determines a position relative to an element in DOM (before).
+	 *
+	 * @readonly
+	 * @property {Number} [=0]
+	 * @member CKEDITOR
+	 */
+	CKEDITOR.LINEUTILS_BEFORE = 1;
+
+	/**
+	 * Determines a position relative to an element in DOM (after).
+	 *
+	 * @readonly
+	 * @property {Number} [=2]
+	 * @member CKEDITOR
+	 */
+	CKEDITOR.LINEUTILS_AFTER = 2;
+
+	/**
+	 * Determines a position relative to an element in DOM (inside).
+	 *
+	 * @readonly
+	 * @property {Number} [=4]
+	 * @member CKEDITOR
+	 */
+	CKEDITOR.LINEUTILS_INSIDE = 4;
+
+	/**
+	 * A utility that traverses the DOM tree and discovers elements
+	 * (relations) matching user-defined lookups.
+	 *
+	 * @private
+	 * @class CKEDITOR.plugins.lineutils.finder
+	 * @constructor Creates a Finder class instance.
+	 * @param {CKEDITOR.editor} editor Editor instance that the Finder belongs to.
+	 * @param {Object} def Finder's definition.
+	 * @since 4.3
+	 */
+	function Finder( editor, def ) {
+		CKEDITOR.tools.extend( this, {
+			editor: editor,
+			editable: editor.editable(),
+			doc: editor.document,
+			win: editor.window
+		}, def, true );
+
+		this.inline = this.editable.isInline();
+
+		if ( !this.inline ) {
+			this.frame = this.win.getFrame();
+		}
+
+		this.target = this[ this.inline ? 'editable' : 'doc' ];
+	}
+
+	Finder.prototype = {
+		/**
+		 * Initializes searching for elements with every mousemove event fired.
+		 * To stop searching use {@link #stop}.
+		 *
+		 * @param {Function} [callback] Function executed on every iteration.
+		 */
+		start: function( callback ) {
+			var that = this,
+				editor = this.editor,
+				doc = this.doc,
+				el, elfp, x, y;
+
+			var moveBuffer = CKEDITOR.tools.eventsBuffer( 50, function() {
+					if ( editor.readOnly || editor.mode != 'wysiwyg' )
+						return;
+
+					that.relations = {};
+
+					// Sometimes it happens that elementFromPoint returns null (especially on IE).
+					// Any further traversal makes no sense if there's no start point. Abort.
+					// Note: In IE8 elementFromPoint may return zombie nodes of undefined nodeType,
+					// so rejecting those as well.
+					if ( !( elfp = doc.$.elementFromPoint( x, y ) ) || !elfp.nodeType ) {
+						return;
+					}
+
+					el = new CKEDITOR.dom.element( elfp );
+
+					that.traverseSearch( el );
+
+					if ( !isNaN( x + y ) ) {
+						that.pixelSearch( el, x, y );
+					}
+
+					callback && callback( that.relations, x, y );
+				} );
+
+			// Searching starting from element from point on mousemove.
+			this.listener = this.editable.attachListener( this.target, 'mousemove', function( evt ) {
+				x = evt.data.$.clientX;
+				y = evt.data.$.clientY;
+
+				moveBuffer.input();
+			} );
+
+			this.editable.attachListener( this.inline ? this.editable : this.frame, 'mouseout', function() {
+				moveBuffer.reset();
+			} );
+		},
+
+		/**
+		 * Stops observing mouse events attached by {@link #start}.
+		 */
+		stop: function() {
+			if ( this.listener ) {
+				this.listener.removeListener();
+			}
+		},
+
+		/**
+		 * Returns a range representing the relation, according to its element
+		 * and type.
+		 *
+		 * @param {Object} location Location containing a unique identifier and type.
+		 * @returns {CKEDITOR.dom.range} Range representing the relation.
+		 */
+		getRange: ( function() {
+			var where = {};
+
+			where[ CKEDITOR.LINEUTILS_BEFORE ] = CKEDITOR.POSITION_BEFORE_START;
+			where[ CKEDITOR.LINEUTILS_AFTER ] = CKEDITOR.POSITION_AFTER_END;
+			where[ CKEDITOR.LINEUTILS_INSIDE ] = CKEDITOR.POSITION_AFTER_START;
+
+			return function( location ) {
+				var range = this.editor.createRange();
+
+				range.moveToPosition( this.relations[ location.uid ].element, where[ location.type ] );
+
+				return range;
+			};
+		} )(),
+
+		/**
+		 * Stores given relation in a {@link #relations} object. Processes the relation
+		 * to normalize and avoid duplicates.
+		 *
+		 * @param {CKEDITOR.dom.element} el Element of the relation.
+		 * @param {Number} type Relation, one of `CKEDITOR.LINEUTILS_AFTER`, `CKEDITOR.LINEUTILS_BEFORE`, `CKEDITOR.LINEUTILS_INSIDE`.
+		 */
+		store: ( function() {
+			function merge( el, type, relations ) {
+				var uid = el.getUniqueId();
+
+				if ( uid in relations ) {
+					relations[ uid ].type |= type;
+				} else {
+					relations[ uid ] = { element: el, type: type };
+				}
+			}
+
+			return function( el, type ) {
+				var alt;
+
+				// Normalization to avoid duplicates:
+				// CKEDITOR.LINEUTILS_AFTER becomes CKEDITOR.LINEUTILS_BEFORE of el.getNext().
+				if ( is( type, CKEDITOR.LINEUTILS_AFTER ) && isStatic( alt = el.getNext() ) && alt.isVisible() ) {
+					merge( alt, CKEDITOR.LINEUTILS_BEFORE, this.relations );
+					type ^= CKEDITOR.LINEUTILS_AFTER;
+				}
+
+				// Normalization to avoid duplicates:
+				// CKEDITOR.LINEUTILS_INSIDE becomes CKEDITOR.LINEUTILS_BEFORE of el.getFirst().
+				if ( is( type, CKEDITOR.LINEUTILS_INSIDE ) && isStatic( alt = el.getFirst() ) && alt.isVisible() ) {
+					merge( alt, CKEDITOR.LINEUTILS_BEFORE, this.relations );
+					type ^= CKEDITOR.LINEUTILS_INSIDE;
+				}
+
+				merge( el, type, this.relations );
+			};
+		} )(),
+
+		/**
+		 * Traverses the DOM tree towards root, checking all ancestors
+		 * with lookup rules, avoiding duplicates. Stores positive relations
+		 * in the {@link #relations} object.
+		 *
+		 * @param {CKEDITOR.dom.element} el Element which is the starting point.
+		 */
+		traverseSearch: function( el ) {
+			var l, type, uid;
+
+			// Go down DOM towards root (or limit).
+			do {
+				uid = el.$[ 'data-cke-expando' ];
+
+				// This element was already visited and checked.
+				if ( uid && uid in this.relations ) {
+					continue;
+				}
+
+				if ( el.equals( this.editable ) ) {
+					return;
+				}
+
+				if ( isStatic( el ) ) {
+					// Collect all addresses yielded by lookups for that element.
+					for ( l in this.lookups ) {
+
+						if ( ( type = this.lookups[ l ]( el ) ) ) {
+							this.store( el, type );
+						}
+					}
+				}
+			} while ( !isLimit( el ) && ( el = el.getParent() ) );
+		},
+
+		/**
+		 * Iterates vertically pixel-by-pixel within a given element starting
+		 * from given coordinates, searching for elements in the neighborhood.
+		 * Once an element is found it is processed by {@link #traverseSearch}.
+		 *
+		 * @param {CKEDITOR.dom.element} el Element which is the starting point.
+		 * @param {Number} [x] Horizontal mouse coordinate relative to the viewport.
+		 * @param {Number} [y] Vertical mouse coordinate relative to the viewport.
+		 */
+		pixelSearch: ( function() {
+			var contains = CKEDITOR.env.ie || CKEDITOR.env.webkit ?
+				function( el, found ) {
+					return el.contains( found );
+				} : function( el, found ) {
+					return !!( el.compareDocumentPosition( found ) & 16 );
+				};
+
+			// Iterates pixel-by-pixel from starting coordinates, moving by defined
+			// step and getting elementFromPoint in every iteration. Iteration stops when:
+			//  * A valid element is found.
+			//  * Condition function returns `false` (i.e. reached boundaries of viewport).
+			//  * No element is found (i.e. coordinates out of viewport).
+			//  * Element found is ascendant of starting element.
+			//
+			// @param {Object} doc Native DOM document.
+			// @param {Object} el Native DOM element.
+			// @param {Number} xStart Horizontal starting coordinate to use.
+			// @param {Number} yStart Vertical starting coordinate to use.
+			// @param {Number} step Step of the algorithm.
+			// @param {Function} condition A condition relative to current vertical coordinate.
+			function iterate( el, xStart, yStart, step, condition ) {
+				var y = yStart,
+					tryouts = 0,
+					found;
+
+				while ( condition( y ) ) {
+					y += step;
+
+					// If we try and we try, and still nothing's found, let's end
+					// that party.
+					if ( ++tryouts == 25 ) {
+						return;
+					}
+
+					found = this.doc.$.elementFromPoint( xStart, y );
+
+					// Nothing found. This is crazy... but...
+					// It might be that a line, which is in different document,
+					// covers that pixel (elementFromPoint is doc-sensitive).
+					// Better let's have another try.
+					if ( !found ) {
+						continue;
+					}
+
+					// Still in the same element.
+					else if ( found == el ) {
+						tryouts = 0;
+						continue;
+					}
+
+					// Reached the edge of an element and found an ancestor or...
+					// A line, that covers that pixel. Better let's have another try.
+					else if ( !contains( el, found ) ) {
+						continue;
+					}
+
+					tryouts = 0;
+
+					// Found a valid element. Stop iterating.
+					if ( isStatic( ( found = new CKEDITOR.dom.element( found ) ) ) ) {
+						return found;
+					}
+				}
+			}
+
+			return function( el, x, y ) {
+				var paneHeight = this.win.getViewPaneSize().height,
+
+					// Try to find an element iterating *up* from the starting point.
+					neg = iterate.call( this, el.$, x, y, -1, function( y ) {
+						return y > 0;
+					} ),
+
+					// Try to find an element iterating *down* from the starting point.
+					pos = iterate.call( this, el.$, x, y, 1, function( y ) {
+						return y < paneHeight;
+					} );
+
+				if ( neg ) {
+					this.traverseSearch( neg );
+
+					// Iterate towards DOM root until neg is a direct child of el.
+					while ( !neg.getParent().equals( el ) ) {
+						neg = neg.getParent();
+					}
+				}
+
+				if ( pos ) {
+					this.traverseSearch( pos );
+
+					// Iterate towards DOM root until pos is a direct child of el.
+					while ( !pos.getParent().equals( el ) ) {
+						pos = pos.getParent();
+					}
+				}
+
+				// Iterate forwards starting from neg and backwards from
+				// pos to harvest all children of el between those elements.
+				// Stop when neg and pos meet each other or there's none of them.
+				// TODO (?) reduce number of hops forwards/backwards.
+				while ( neg || pos ) {
+					if ( neg ) {
+						neg = neg.getNext( isStatic );
+					}
+
+					if ( !neg || neg.equals( pos ) ) {
+						break;
+					}
+
+					this.traverseSearch( neg );
+
+					if ( pos ) {
+						pos = pos.getPrevious( isStatic );
+					}
+
+					if ( !pos || pos.equals( neg ) ) {
+						break;
+					}
+
+					this.traverseSearch( pos );
+				}
+			};
+		} )(),
+
+		/**
+		 * Unlike {@link #traverseSearch}, it collects **all** elements from editable's DOM tree
+		 * and runs lookups for every one of them, collecting relations.
+		 *
+		 * @returns {Object} {@link #relations}.
+		 */
+		greedySearch: function() {
+			this.relations = {};
+
+			var all = this.editable.getElementsByTag( '*' ),
+				i = 0,
+				el, type, l;
+
+			while ( ( el = all.getItem( i++ ) ) ) {
+				// Don't consider editable, as it might be inline,
+				// and i.e. checking it's siblings is pointless.
+				if ( el.equals( this.editable ) ) {
+					continue;
+				}
+
+				// On IE8 element.getElementsByTagName returns comments... sic! (http://dev.ckeditor.com/ticket/13176)
+				if ( el.type != CKEDITOR.NODE_ELEMENT ) {
+					continue;
+				}
+
+				// Don't visit non-editable internals, for example widget's
+				// guts (above wrapper, below nested). Still check editable limits,
+				// as they are siblings with editable contents.
+				if ( !el.hasAttribute( 'contenteditable' ) && el.isReadOnly() ) {
+					continue;
+				}
+
+				if ( isStatic( el ) && el.isVisible() ) {
+					// Collect all addresses yielded by lookups for that element.
+					for ( l in this.lookups ) {
+						if ( ( type = this.lookups[ l ]( el ) ) ) {
+							this.store( el, type );
+						}
+					}
+				}
+			}
+
+			return this.relations;
+		}
+
+		/**
+		 * Relations express elements in DOM that match user-defined {@link #lookups}.
+		 * Every relation has its own `type` that determines whether
+		 * it refers to the space before, after or inside the `element`.
+		 * This object stores relations found by {@link #traverseSearch} or {@link #greedySearch}, structured
+		 * in the following way:
+		 *
+		 *		relations: {
+		 *			// Unique identifier of the element.
+		 *			Number: {
+		 *				// Element of this relation.
+		 *				element: {@link CKEDITOR.dom.element}
+		 *				// Conjunction of CKEDITOR.LINEUTILS_BEFORE, CKEDITOR.LINEUTILS_AFTER and CKEDITOR.LINEUTILS_INSIDE.
+		 *				type: Number
+		 *			},
+		 *			...
+		 *		}
+		 *
+		 * @property {Object} relations
+		 * @readonly
+		 */
+
+		/**
+		 * A set of user-defined functions used by Finder to check if an element
+		 * is a valid relation, belonging to {@link #relations}.
+		 * When the criterion is met, lookup returns a logical conjunction of `CKEDITOR.LINEUTILS_BEFORE`,
+		 * `CKEDITOR.LINEUTILS_AFTER` or `CKEDITOR.LINEUTILS_INSIDE`.
+		 *
+		 * Lookups are passed along with Finder's definition.
+		 *
+		 *		lookups: {
+		 *			'some lookup': function( el ) {
+		 *				if ( someCondition )
+		 *					return CKEDITOR.LINEUTILS_BEFORE;
+		 *			},
+		 *			...
+		 *		}
+		 *
+		 * @property {Object} lookups
+		 */
+	};
+
+
+	/**
+	 * A utility that analyses relations found by
+	 * CKEDITOR.plugins.lineutils.finder and locates them
+	 * in the viewport as horizontal lines of specific coordinates.
+	 *
+	 * @private
+	 * @class CKEDITOR.plugins.lineutils.locator
+	 * @constructor Creates a Locator class instance.
+	 * @param {CKEDITOR.editor} editor Editor instance that Locator belongs to.
+	 * @since 4.3
+	 */
+	function Locator( editor, def ) {
+		CKEDITOR.tools.extend( this, def, {
+			editor: editor
+		}, true );
+	}
+
+	Locator.prototype = {
+		/**
+		 * Locates the Y coordinate for all types of every single relation and stores
+		 * them in an object.
+		 *
+		 * @param {Object} relations {@link CKEDITOR.plugins.lineutils.finder#relations}.
+		 * @returns {Object} {@link #locations}.
+		 */
+		locate: ( function() {
+			function locateSibling( rel, type ) {
+				var sib = rel.element[ type === CKEDITOR.LINEUTILS_BEFORE ? 'getPrevious' : 'getNext' ]();
+
+				// Return the middle point between siblings.
+				if ( sib && isStatic( sib ) ) {
+					rel.siblingRect = sib.getClientRect();
+
+					if ( type == CKEDITOR.LINEUTILS_BEFORE ) {
+						return ( rel.siblingRect.bottom + rel.elementRect.top ) / 2;
+					} else {
+						return ( rel.elementRect.bottom + rel.siblingRect.top ) / 2;
+					}
+				}
+
+				// If there's no sibling, use the edge of an element.
+				else {
+					if ( type == CKEDITOR.LINEUTILS_BEFORE ) {
+						return rel.elementRect.top;
+					} else {
+						return rel.elementRect.bottom;
+					}
+				}
+			}
+
+			return function( relations ) {
+				var rel;
+
+				this.locations = {};
+
+				for ( var uid in relations ) {
+					rel = relations[ uid ];
+					rel.elementRect = rel.element.getClientRect();
+
+					if ( is( rel.type, CKEDITOR.LINEUTILS_BEFORE ) ) {
+						this.store( uid, CKEDITOR.LINEUTILS_BEFORE, locateSibling( rel, CKEDITOR.LINEUTILS_BEFORE ) );
+					}
+
+					if ( is( rel.type, CKEDITOR.LINEUTILS_AFTER ) ) {
+						this.store( uid, CKEDITOR.LINEUTILS_AFTER, locateSibling( rel, CKEDITOR.LINEUTILS_AFTER ) );
+					}
+
+					// The middle point of the element.
+					if ( is( rel.type, CKEDITOR.LINEUTILS_INSIDE ) ) {
+						this.store( uid, CKEDITOR.LINEUTILS_INSIDE, ( rel.elementRect.top + rel.elementRect.bottom ) / 2 );
+					}
+				}
+
+				return this.locations;
+			};
+		} )(),
+
+		/**
+		 * Calculates distances from every location to given vertical coordinate
+		 * and sorts locations according to that distance.
+		 *
+		 * @param {Number} y The vertical coordinate used for sorting, used as a reference.
+		 * @param {Number} [howMany] Determines the number of "closest locations" to be returned.
+		 * @returns {Array} Sorted, array representation of {@link #locations}.
+		 */
+		sort: ( function() {
+			var locations, sorted,
+				dist, i;
+
+			function distance( y, uid, type ) {
+				return Math.abs( y - locations[ uid ][ type ] );
+			}
+
+			return function( y, howMany ) {
+				locations = this.locations;
+				sorted = [];
+
+				for ( var uid in locations ) {
+					for ( var type in locations[ uid ] ) {
+						dist = distance( y, uid, type );
+
+						// An array is empty.
+						if ( !sorted.length ) {
+							sorted.push( { uid: +uid, type: type, dist: dist } );
+						} else {
+							// Sort the array on fly when it's populated.
+							for ( i = 0; i < sorted.length; i++ ) {
+								if ( dist < sorted[ i ].dist ) {
+									sorted.splice( i, 0, { uid: +uid, type: type, dist: dist } );
+									break;
+								}
+							}
+
+							// Nothing was inserted, so the distance is bigger than
+							// any of already calculated: push to the end.
+							if ( i == sorted.length ) {
+								sorted.push( { uid: +uid, type: type, dist: dist } );
+							}
+						}
+					}
+				}
+
+				if ( typeof howMany != 'undefined' ) {
+					return sorted.slice( 0, howMany );
+				} else {
+					return sorted;
+				}
+			};
+		} )(),
+
+		/**
+		 * Stores the location in a collection.
+		 *
+		 * @param {Number} uid Unique identifier of the relation.
+		 * @param {Number} type One of `CKEDITOR.LINEUTILS_BEFORE`, `CKEDITOR.LINEUTILS_AFTER` and `CKEDITOR.LINEUTILS_INSIDE`.
+		 * @param {Number} y Vertical position of the relation.
+		 */
+		store: function( uid, type, y ) {
+			if ( !this.locations[ uid ] ) {
+				this.locations[ uid ] = {};
+			}
+
+			this.locations[ uid ][ type ] = y;
+		}
+
+		/**
+		 * @readonly
+		 * @property {Object} locations
+		 */
+	};
+
+	var tipCss = {
+			display: 'block',
+			width: '0px',
+			height: '0px',
+			'border-color': 'transparent',
+			'border-style': 'solid',
+			position: 'absolute',
+			top: '-6px'
+		},
+
+		lineStyle = {
+			height: '0px',
+			'border-top': '1px dashed red',
+			position: 'absolute',
+			'z-index': 9999
+		},
+
+		lineTpl =
+			'<div data-cke-lineutils-line="1" class="cke_reset_all" style="{lineStyle}">' +
+				'<span style="{tipLeftStyle}">&nbsp;</span>' +
+				'<span style="{tipRightStyle}">&nbsp;</span>' +
+			'</div>';
+
+	/**
+	 * A utility that draws horizontal lines in DOM according to locations
+	 * returned by CKEDITOR.plugins.lineutils.locator.
+	 *
+	 * @private
+	 * @class CKEDITOR.plugins.lineutils.liner
+	 * @constructor Creates a Liner class instance.
+	 * @param {CKEDITOR.editor} editor Editor instance that Liner belongs to.
+	 * @param {Object} def Liner's definition.
+	 * @since 4.3
+	 */
+	function Liner( editor, def ) {
+		var editable = editor.editable();
+
+		CKEDITOR.tools.extend( this, {
+			editor: editor,
+			editable: editable,
+			inline: editable.isInline(),
+			doc: editor.document,
+			win: editor.window,
+			container: CKEDITOR.document.getBody(),
+			winTop: CKEDITOR.document.getWindow()
+		}, def, true );
+
+		this.hidden = {};
+		this.visible = {};
+
+		if ( !this.inline ) {
+			this.frame = this.win.getFrame();
+		}
+
+		this.queryViewport();
+
+		// Callbacks must be wrapped. Otherwise they're not attached
+		// to global DOM objects (i.e. topmost window) for every editor
+		// because they're treated as duplicates. They belong to the
+		// same prototype shared among Liner instances.
+		var queryViewport = CKEDITOR.tools.bind( this.queryViewport, this ),
+			hideVisible = CKEDITOR.tools.bind( this.hideVisible, this ),
+			removeAll = CKEDITOR.tools.bind( this.removeAll, this );
+
+		editable.attachListener( this.winTop, 'resize', queryViewport );
+		editable.attachListener( this.winTop, 'scroll', queryViewport );
+
+		editable.attachListener( this.winTop, 'resize', hideVisible );
+		editable.attachListener( this.win, 'scroll', hideVisible );
+
+		editable.attachListener( this.inline ? editable : this.frame, 'mouseout', function( evt ) {
+			var x = evt.data.$.clientX,
+				y = evt.data.$.clientY;
+
+			this.queryViewport();
+
+			// Check if mouse is out of the element (iframe/editable).
+			if ( x <= this.rect.left || x >= this.rect.right || y <= this.rect.top || y >= this.rect.bottom ) {
+				this.hideVisible();
+			}
+
+			// Check if mouse is out of the top-window vieport.
+			if ( x <= 0 || x >= this.winTopPane.width || y <= 0 || y >= this.winTopPane.height ) {
+				this.hideVisible();
+			}
+		}, this );
+
+		editable.attachListener( editor, 'resize', queryViewport );
+		editable.attachListener( editor, 'mode', removeAll );
+		editor.on( 'destroy', removeAll );
+
+		this.lineTpl = new CKEDITOR.template( lineTpl ).output( {
+			lineStyle: CKEDITOR.tools.writeCssText(
+				CKEDITOR.tools.extend( {}, lineStyle, this.lineStyle, true )
+			),
+			tipLeftStyle: CKEDITOR.tools.writeCssText(
+				CKEDITOR.tools.extend( {}, tipCss, {
+					left: '0px',
+					'border-left-color': 'red',
+					'border-width': '6px 0 6px 6px'
+				}, this.tipCss, this.tipLeftStyle, true )
+			),
+			tipRightStyle: CKEDITOR.tools.writeCssText(
+				CKEDITOR.tools.extend( {}, tipCss, {
+					right: '0px',
+					'border-right-color': 'red',
+					'border-width': '6px 6px 6px 0'
+				}, this.tipCss, this.tipRightStyle, true )
+			)
+		} );
+	}
+
+	Liner.prototype = {
+		/**
+		 * Permanently removes all lines (both hidden and visible) from DOM.
+		 */
+		removeAll: function() {
+			var l;
+
+			for ( l in this.hidden ) {
+				this.hidden[ l ].remove();
+				delete this.hidden[ l ];
+			}
+
+			for ( l in this.visible ) {
+				this.visible[ l ].remove();
+				delete this.visible[ l ];
+			}
+		},
+
+		/**
+		 * Hides a given line.
+		 *
+		 * @param {CKEDITOR.dom.element} line The line to be hidden.
+		 */
+		hideLine: function( line ) {
+			var uid = line.getUniqueId();
+
+			line.hide();
+
+			this.hidden[ uid ] = line;
+			delete this.visible[ uid ];
+		},
+
+		/**
+		 * Shows a given line.
+		 *
+		 * @param {CKEDITOR.dom.element} line The line to be shown.
+		 */
+		showLine: function( line ) {
+			var uid = line.getUniqueId();
+
+			line.show();
+
+			this.visible[ uid ] = line;
+			delete this.hidden[ uid ];
+		},
+
+		/**
+		 * Hides all visible lines.
+		 */
+		hideVisible: function() {
+			for ( var l in this.visible ) {
+				this.hideLine( this.visible[ l ] );
+			}
+		},
+
+		/**
+		 * Shows a line at given location.
+		 *
+		 * @param {Object} location Location object containing the unique identifier of the relation
+		 * and its type. Usually returned by {@link CKEDITOR.plugins.lineutils.locator#sort}.
+		 * @param {Function} [callback] A callback to be called once the line is shown.
+		 */
+		placeLine: function( location, callback ) {
+			var styles, line, l;
+
+			// No style means that line would be out of viewport.
+			if ( !( styles = this.getStyle( location.uid, location.type ) ) ) {
+				return;
+			}
+
+			// Search for any visible line of a different hash first.
+			// It's faster to re-position visible line than to show it.
+			for ( l in this.visible ) {
+				if ( this.visible[ l ].getCustomData( 'hash' ) !== this.hash ) {
+					line = this.visible[ l ];
+					break;
+				}
+			}
+
+			// Search for any hidden line of a different hash.
+			if ( !line ) {
+				for ( l in this.hidden ) {
+					if ( this.hidden[ l ].getCustomData( 'hash' ) !== this.hash ) {
+						this.showLine( ( line = this.hidden[ l ] ) );
+						break;
+					}
+				}
+			}
+
+			// If no line available, add the new one.
+			if ( !line ) {
+				this.showLine( ( line = this.addLine() ) );
+			}
+
+			// Mark the line with current hash.
+			line.setCustomData( 'hash', this.hash );
+
+			// Mark the line as visible.
+			this.visible[ line.getUniqueId() ] = line;
+
+			line.setStyles( styles );
+
+			callback && callback( line );
+		},
+
+		/**
+		 * Creates a style set to be used by the line, representing a particular
+		 * relation (location).
+		 *
+		 * @param {Number} uid Unique identifier of the relation.
+		 * @param {Number} type Type of the relation.
+		 * @returns {Object} An object containing styles.
+		 */
+		getStyle: function( uid, type ) {
+			var rel = this.relations[ uid ],
+				loc = this.locations[ uid ][ type ],
+				styles = {},
+				hdiff;
+
+			// Line should be between two elements.
+			if ( rel.siblingRect ) {
+				styles.width = Math.max( rel.siblingRect.width, rel.elementRect.width );
+			}
+			// Line is relative to a single element.
+			else {
+				styles.width = rel.elementRect.width;
+			}
+
+			// Let's calculate the vertical position of the line.
+			if ( this.inline ) {
+				// (http://dev.ckeditor.com/ticket/13155)
+				styles.top = loc + this.winTopScroll.y - this.rect.relativeY;
+			} else {
+				styles.top = this.rect.top + this.winTopScroll.y + loc;
+			}
+
+			// Check if line would be vertically out of the viewport.
+			if ( styles.top - this.winTopScroll.y < this.rect.top || styles.top - this.winTopScroll.y > this.rect.bottom ) {
+				return false;
+			}
+
+			// Now let's calculate the horizontal alignment (left and width).
+			if ( this.inline ) {
+				// (http://dev.ckeditor.com/ticket/13155)
+				styles.left = rel.elementRect.left - this.rect.relativeX;
+			} else {
+				if ( rel.elementRect.left > 0 )
+					styles.left = this.rect.left + rel.elementRect.left;
+
+				// H-scroll case. Left edge of element may be out of viewport.
+				else {
+					styles.width += rel.elementRect.left;
+					styles.left = this.rect.left;
+				}
+
+				// H-scroll case. Right edge of element may be out of viewport.
+				if ( ( hdiff = styles.left + styles.width - ( this.rect.left + this.winPane.width ) ) > 0 ) {
+					styles.width -= hdiff;
+				}
+			}
+
+			// Finally include horizontal scroll of the global window.
+			styles.left += this.winTopScroll.x;
+
+			// Append 'px' to style values.
+			for ( var style in styles ) {
+				styles[ style ] = CKEDITOR.tools.cssLength( styles[ style ] );
+			}
+
+			return styles;
+		},
+
+		/**
+		 * Adds a new line to DOM.
+		 *
+		 * @returns {CKEDITOR.dom.element} A brand-new line.
+		 */
+		addLine: function() {
+			var line = CKEDITOR.dom.element.createFromHtml( this.lineTpl );
+
+			line.appendTo( this.container );
+
+			return line;
+		},
+
+		/**
+		 * Assigns a unique hash to the instance that is later used
+		 * to tell unwanted lines from new ones. This method **must** be called
+		 * before a new set of relations is to be visualized so {@link #cleanup}
+		 * eventually hides obsolete lines. This is because lines
+		 * are re-used between {@link #placeLine} calls and the number of
+		 * necessary ones may vary depending on the number of relations.
+		 *
+		 * @param {Object} relations {@link CKEDITOR.plugins.lineutils.finder#relations}.
+		 * @param {Object} locations {@link CKEDITOR.plugins.lineutils.locator#locations}.
+		 */
+		prepare: function( relations, locations ) {
+			this.relations = relations;
+			this.locations = locations;
+			this.hash = Math.random();
+		},
+
+		/**
+		 * Hides all visible lines that do not belong to current hash
+		 * and no longer represent relations (locations).
+		 *
+		 * See also: {@link #prepare}.
+		 */
+		cleanup: function() {
+			var line;
+
+			for ( var l in this.visible ) {
+				line = this.visible[ l ];
+
+				if ( line.getCustomData( 'hash' ) !== this.hash ) {
+					this.hideLine( line );
+				}
+			}
+		},
+
+		/**
+		 * Queries dimensions of the viewport, editable, frame etc.
+		 * that are used for correct positioning of the line.
+		 */
+		queryViewport: function() {
+			this.winPane = this.win.getViewPaneSize();
+			this.winTopScroll = this.winTop.getScrollPosition();
+			this.winTopPane = this.winTop.getViewPaneSize();
+
+			// (http://dev.ckeditor.com/ticket/13155)
+			this.rect = this.getClientRect( this.inline ? this.editable : this.frame );
+		},
+
+		/**
+		 * Returns `boundingClientRect` of an element, shifted by the position
+		 * of `container` when the container is not `static` (http://dev.ckeditor.com/ticket/13155).
+		 *
+		 * See also: {@link CKEDITOR.dom.element#getClientRect}.
+		 *
+		 * @param {CKEDITOR.dom.element} el A DOM element.
+		 * @returns {Object} A shifted rect, extended by `relativeY` and `relativeX` properties.
+		 */
+		getClientRect: function( el ) {
+			var rect = el.getClientRect(),
+				relativeContainerDocPosition = this.container.getDocumentPosition(),
+				relativeContainerComputedPosition = this.container.getComputedStyle( 'position' );
+
+			// Static or not, those values are used to offset the position of the line so they cannot be undefined.
+			rect.relativeX = rect.relativeY = 0;
+
+			if ( relativeContainerComputedPosition != 'static' ) {
+				// Remember the offset used to shift the clientRect.
+				rect.relativeY = relativeContainerDocPosition.y;
+				rect.relativeX = relativeContainerDocPosition.x;
+
+				rect.top -= rect.relativeY;
+				rect.bottom -= rect.relativeY;
+				rect.left -= rect.relativeX;
+				rect.right -= rect.relativeX;
+			}
+
+			return rect;
+		}
+	};
+
+	function is( type, flag ) {
+		return type & flag;
+	}
+
+	var floats = { left: 1, right: 1, center: 1 },
+		positions = { absolute: 1, fixed: 1 };
+
+	function isElement( node ) {
+		return node && node.type == CKEDITOR.NODE_ELEMENT;
+	}
+
+	function isFloated( el ) {
+		return !!( floats[ el.getComputedStyle( 'float' ) ] || floats[ el.getAttribute( 'align' ) ] );
+	}
+
+	function isPositioned( el ) {
+		return !!positions[ el.getComputedStyle( 'position' ) ];
+	}
+
+	function isLimit( node ) {
+		return isElement( node ) && node.getAttribute( 'contenteditable' ) == 'true';
+	}
+
+	function isStatic( node ) {
+		return isElement( node ) && !isFloated( node ) && !isPositioned( node );
+	}
+
+	/**
+	 * Global namespace storing definitions and global helpers for the Line Utilities plugin.
+	 *
+	 * @private
+	 * @class
+	 * @singleton
+	 * @since 4.3
+	 */
+	CKEDITOR.plugins.lineutils = {
+		finder: Finder,
+		locator: Locator,
+		liner: Liner
+	};
+} )();

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'af', {
+	'move': 'Klik en trek on te beweeg',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'ar', {
+	'move': 'إضغط و إسحب للتحريك',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'az', {
+	'move': 'Tıklayın və aparın',
+	'label': '%1 vidjet'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'bg', {
+	'move': 'Кликни и влачи, за да преместиш',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'ca', {
+	'move': 'Clicar i arrossegar per moure',
+	'label': '%1 widget'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'cs', {
+	'move': 'Klepněte a táhněte pro přesunutí',
+	'label': 'Ovládací prvek %1'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'cy', {
+	'move': 'Clcio a llusgo i symud',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'da', {
+	'move': 'Klik og træk for at flytte',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'de-ch', {
+	'move': 'Zum Verschieben anwählen und ziehen',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'de', {
+	'move': 'Zum Verschieben anwählen und ziehen',
+	'label': '%1 Steuerelement'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'el', {
+	'move': 'Κάνετε κλικ και σύρετε το ποντίκι για να μετακινήστε',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'en-gb', {
+	'move': 'Click and drag to move',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'en', {
+	'move': 'Click and drag to move',
+	'label': '%1 widget'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'eo', {
+	'move': 'klaki kaj treni por movi',
+	'label': '%1 fenestraĵo'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'es-mx', {
+	'move': 'Presiona y arrastra para mover',
+	'label': '%1 widget'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'es', {
+	'move': 'Dar clic y arrastrar para mover',
+	'label': 'reproductor %1'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'eu', {
+	'move': 'Klikatu eta arrastatu lekuz aldatzeko',
+	'label': '%1 widget'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'fa', {
+	'move': 'کلیک و کشیدن برای جابجایی',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'fi', {
+	'move': 'Siirrä klikkaamalla ja raahaamalla',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'fr', {
+	'move': 'Cliquer et glisser pour déplacer',
+	'label': 'Élément %1'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'gl', {
+	'move': 'Prema e arrastre para mover',
+	'label': 'Trebello %1'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'he', {
+	'move': 'לחץ וגרור להזזה',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'hr', {
+	'move': 'Klikni i povuci za pomicanje',
+	'label': '%1 widget'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'hu', {
+	'move': 'Kattints és húzd a mozgatáshoz',
+	'label': '%1 modul'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'id', {
+	'move': 'Tekan dan geser untuk memindahkan',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'it', {
+	'move': 'Fare clic e trascinare per spostare',
+	'label': 'Widget %1'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'ja', {
+	'move': 'ドラッグして移動',
+	'label': '%1 ウィジェット'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'km', {
+	'move': 'ចុច​ហើយ​ទាញ​ដើម្បី​ផ្លាស់​ទី',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'ko', {
+	'move': '움직이려면 클릭 후 드래그 하세요',
+	'label': '%1 위젯'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'ku', {
+	'move': 'کرتەبکە و ڕایبکێشە بۆ جوڵاندن',
+	'label': '%1 ویجێت'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'lv', {
+	'move': 'Klikšķina un velc, lai pārvietotu',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'nb', {
+	'move': 'Klikk og dra for å flytte',
+	'label': 'Widget %1'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'nl', {
+	'move': 'Klik en sleep om te verplaatsen',
+	'label': '%1 widget'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'no', {
+	'move': 'Klikk og dra for å flytte',
+	'label': 'Widget %1'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'oc', {
+	'move': 'Clicar e lisar per desplaçar',
+	'label': 'Element %1'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'pl', {
+	'move': 'Kliknij i przeciągnij, by przenieść.',
+	'label': 'Widget %1'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'pt-br', {
+	'move': 'Click e arraste para mover',
+	'label': '%1 widget'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'pt', {
+	'move': 'Clique e arraste para mover',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'ru', {
+	'move': 'Нажмите и перетащите, чтобы переместить',
+	'label': '%1 виджет'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'sk', {
+	'move': 'Kliknite a potiahnite pre presunutie',
+	'label': '%1 widget'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'sl', {
+	'move': 'Kliknite in povlecite, da premaknete',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'sq', {
+	'move': 'Kliko dhe tërhiqe për ta lëvizur',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'sv', {
+	'move': 'Klicka och drag för att flytta',
+	'label': '%1-widget'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'tr', {
+	'move': 'Taşımak için, tıklayın ve sürükleyin',
+	'label': '%1 Grafik Beleşeni'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'tt', {
+	'move': 'Күчереп куер өчен басып шудырыгыз',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'ug', {
+	'move': 'يۆتكەشتە چېكىپ سۆرەڭ',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'uk', {
+	'move': 'Клікніть і потягніть для переміщення',
+	'label': '%1 віджет'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'vi', {
+	'move': 'Nhấp chuột và kéo để di chuyển',
+	'label': '%1 widget' // MISSING
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'zh-cn', {
+	'move': '点击并拖拽以移动',
+	'label': '%1 小部件'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+CKEDITOR.plugins.setLang( 'widget', 'zh', {
+	'move': '拖曳以移動',
+	'label': '%1 小工具'
+} );

+/**
+ * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+
+/**
+ * @fileOverview A plugin created to handle ticket http://dev.ckeditor.com/ticket/11064. While the issue is caused by native WebKit/Blink behaviour,
+ * this plugin can be easily detached or modified when the issue is fixed in the browsers without changing the core.
+ * When Ctrl/Cmd + A is pressed to select all content it does not work due to a bug in
+ * Webkit/Blink if a non-editable element is at the beginning or the end of the content.
+ */
+
+( function() {
+	'use strict';
+
+	CKEDITOR.plugins.add( 'widgetselection', {
+
+		init: function( editor ) {
+			if ( CKEDITOR.env.webkit ) {
+				var widgetselection = CKEDITOR.plugins.widgetselection;
+
+				editor.on( 'contentDom', function( evt ) {
+
+					var editor = evt.editor,
+						doc = editor.document,
+						editable = editor.editable();
+
+					editable.attachListener( doc, 'keydown', function( evt ) {
+						var data = evt.data.$;
+
+						// Ctrl/Cmd + A
+						if ( evt.data.getKey() == 65 && ( CKEDITOR.env.mac && data.metaKey || !CKEDITOR.env.mac && data.ctrlKey ) ) {
+
+							// Defer the call so the selection is already changed by the pressed keys.
+							CKEDITOR.tools.setTimeout( function() {
+
+								// Manage filler elements on keydown. If there is no need
+								// to add fillers, we need to check and clean previously used once.
+								if ( !widgetselection.addFillers( editable ) ) {
+									widgetselection.removeFillers( editable );
+								}
+							}, 0 );
+						}
+					}, null, null, -1 );
+
+					// Check and clean previously used fillers.
+					editor.on( 'selectionCheck', function( evt ) {
+						widgetselection.removeFillers( evt.editor.editable() );
+					} );
+
+					// Remove fillers on paste before data gets inserted into editor.
+					editor.on( 'paste', function( evt ) {
+						evt.data.dataValue = widgetselection.cleanPasteData( evt.data.dataValue );
+					} );
+
+					if ( 'selectall' in editor.plugins ) {
+						widgetselection.addSelectAllIntegration( editor );
+					}
+				} );
+			}
+		}
+	} );
+
+	/**
+	 * A set of helper methods for the Widget Selection plugin.
+	 *
+	 * @property widgetselection
+	 * @member CKEDITOR.plugins
+	 * @since 4.6.1
+	 */
+	CKEDITOR.plugins.widgetselection = {
+
+		/**
+		 * The start filler element reference.
+		 *
+		 * @property {CKEDITOR.dom.element}
+		 * @member CKEDITOR.plugins.widgetselection
+		 * @private
+		 */
+		startFiller: null,
+
+		/**
+		 * The end filler element reference.
+		 *
+		 * @property {CKEDITOR.dom.element}
+		 * @member CKEDITOR.plugins.widgetselection
+		 * @private
+		 */
+		endFiller: null,
+
+		/**
+		 * An attribute which identifies the filler element.
+		 *
+		 * @property {String}
+		 * @member CKEDITOR.plugins.widgetselection
+		 * @private
+		 */
+		fillerAttribute: 'data-cke-filler-webkit',
+
+		/**
+		 * The default content of the filler element. Note: The filler needs to have `visible` content.
+		 * Unprintable elements or empty content do not help as a workaround.
+		 *
+		 * @property {String}
+		 * @member CKEDITOR.plugins.widgetselection
+		 * @private
+		 */
+		fillerContent: ' ',
+
+		/**
+		 * Tag name which is used to create fillers.
+		 *
+		 * @property {String}
+		 * @member CKEDITOR.plugins.widgetselection
+		 * @private
+		 */
+		fillerTagName: 'div',
+
+		/**
+		 * Adds a filler before or after a non-editable element at the beginning or the end of the `editable`.
+		 *
+		 * @param {CKEDITOR.editable} editable
+		 * @returns {Boolean}
+		 * @member CKEDITOR.plugins.widgetselection
+		 */
+		addFillers: function( editable ) {
+			var editor = editable.editor;
+
+			// Whole content should be selected, if not fix the selection manually.
+			if ( !this.isWholeContentSelected( editable ) && editable.getChildCount() > 0 ) {
+
+				var firstChild = editable.getFirst( filterTempElements ),
+					lastChild = editable.getLast( filterTempElements );
+
+				// Check if first element is editable. If not prepend with filler.
+				if ( firstChild && firstChild.type == CKEDITOR.NODE_ELEMENT && !firstChild.isEditable() ) {
+					this.startFiller = this.createFiller();
+					editable.append( this.startFiller, 1 );
+				}
+
+				// Check if last element is editable. If not append filler.
+				if ( lastChild && lastChild.type == CKEDITOR.NODE_ELEMENT && !lastChild.isEditable() ) {
+					this.endFiller = this.createFiller( true );
+					editable.append( this.endFiller, 0 );
+				}
+
+				// Reselect whole content after any filler was added.
+				if ( this.hasFiller( editable ) ) {
+					var rangeAll = editor.createRange();
+					rangeAll.selectNodeContents( editable );
+					rangeAll.select();
+					return true;
+				}
+			}
+			return false;
+		},
+
+		/**
+		 * Removes filler elements or updates their references.
+		 *
+		 * It will **not remove** filler elements if the whole content is selected, as it would break the
+		 * selection.
+		 *
+		 * @param {CKEDITOR.editable} editable
+		 * @member CKEDITOR.plugins.widgetselection
+		 */
+		removeFillers: function( editable ) {
+			// If startFiller or endFiller exists and not entire content is selected it means the selection
+			// just changed from selected all. We need to remove fillers and set proper selection/content.
+			if ( this.hasFiller( editable ) && !this.isWholeContentSelected( editable ) ) {
+
+				var startFillerContent = editable.findOne( this.fillerTagName + '[' + this.fillerAttribute + '=start]' ),
+					endFillerContent = editable.findOne( this.fillerTagName + '[' + this.fillerAttribute + '=end]' );
+
+				if ( this.startFiller && startFillerContent && this.startFiller.equals( startFillerContent ) ) {
+					this.removeFiller( this.startFiller, editable );
+				} else {
+					// The start filler is still present but it is a different element than previous one. It means the
+					// undo recreating entirely selected content was performed. We need to update filler reference.
+					this.startFiller = startFillerContent;
+				}
+
+				if ( this.endFiller && endFillerContent && this.endFiller.equals( endFillerContent ) ) {
+					this.removeFiller( this.endFiller, editable );
+				} else {
+					// Same as with start filler.
+					this.endFiller = endFillerContent;
+				}
+			}
+		},
+
+		/**
+		 * Removes fillers from the paste data.
+		 *
+		 * @param {String} data
+		 * @returns {String}
+		 * @member CKEDITOR.plugins.widgetselection
+		 * @private
+		 */
+		cleanPasteData: function( data ) {
+			if ( data && data.length ) {
+				data = data
+					.replace( this.createFillerRegex(), '' )
+					.replace( this.createFillerRegex( true ), '' );
+			}
+			return data;
+		},
+
+		/**
+		 * Checks if the entire content of the given editable is selected.
+		 *
+		 * @param {CKEDITOR.editable} editable
+		 * @returns {Boolean}
+		 * @member CKEDITOR.plugins.widgetselection
+		 * @private
+		 */
+		isWholeContentSelected: function( editable ) {
+
+			var range = editable.editor.getSelection().getRanges()[ 0 ];
+			if ( range ) {
+
+				if ( range && range.collapsed ) {
+					return false;
+
+				} else {
+					var rangeClone = range.clone();
+					rangeClone.enlarge( CKEDITOR.ENLARGE_ELEMENT );
+
+					return !!( rangeClone && editable && rangeClone.startContainer && rangeClone.endContainer &&
+						rangeClone.startOffset === 0 && rangeClone.endOffset === editable.getChildCount() &&
+						rangeClone.startContainer.equals( editable ) && rangeClone.endContainer.equals( editable ) );
+				}
+			}
+			return false;
+		},
+
+		/**
+		 *	Checks if there is any filler element in the given editable.
+		 *
+		 * @param {CKEDITOR.editable} editable
+		 * @returns {Boolean}
+		 * @member CKEDITOR.plugins.widgetselection
+		 * @private
+		 */
+		hasFiller: function( editable ) {
+			return editable.find( this.fillerTagName + '[' + this.fillerAttribute + ']' ).count() > 0;
+		},
+
+		/**
+		 * Creates a filler element.
+		 *
+		 * @param {Boolean} [onEnd] If filler will be placed on end or beginning of the content.
+		 * @returns {CKEDITOR.dom.element}
+		 * @member CKEDITOR.plugins.widgetselection
+		 * @private
+		 */
+		createFiller: function( onEnd ) {
+			var filler = new CKEDITOR.dom.element( this.fillerTagName );
+			filler.setHtml( this.fillerContent );
+			filler.setAttribute( this.fillerAttribute, onEnd ? 'end' : 'start' );
+			filler.setAttribute( 'data-cke-temp', 1 );
+			filler.setStyles( {
+				display: 'block',
+				width: 0,
+				height: 0,
+				padding: 0,
+				border: 0,
+				margin: 0,
+				position: 'absolute',
+				top: 0,
+				left: '-9999px',
+				opacity: 0,
+				overflow: 'hidden'
+			} );
+
+			return filler;
+		},
+
+		/**
+		 * Removes the specific filler element from the given editable. If the filler contains any content (typed or pasted),
+		 * it replaces the current editable content. If not, the caret is placed before the first or after the last editable
+		 * element (depends if the filler was at the beginning or the end).
+		 *
+		 * @param {CKEDITOR.dom.element} filler
+		 * @param {CKEDITOR.editable} editable
+		 * @member CKEDITOR.plugins.widgetselection
+		 * @private
+		 */
+		removeFiller: function( filler, editable ) {
+			if ( filler ) {
+				var editor = editable.editor,
+					currentRange = editable.editor.getSelection().getRanges()[ 0 ],
+					currentPath = currentRange.startPath(),
+					range = editor.createRange(),
+					insertedHtml,
+					fillerOnStart,
+					manuallyHandleCaret;
+
+				if ( currentPath.contains( filler ) ) {
+					insertedHtml = filler.getHtml();
+					manuallyHandleCaret = true;
+				}
+
+				fillerOnStart = filler.getAttribute( this.fillerAttribute ) == 'start';
+				filler.remove();
+				filler = null;
+
+				if ( insertedHtml && insertedHtml.length > 0 && insertedHtml != this.fillerContent ) {
+					editable.insertHtmlIntoRange( insertedHtml, editor.getSelection().getRanges()[ 0 ] );
+					range.setStartAt( editable.getChild( editable.getChildCount() - 1 ), CKEDITOR.POSITION_BEFORE_END );
+					editor.getSelection().selectRanges( [ range ] );
+
+				} else if ( manuallyHandleCaret ) {
+					if ( fillerOnStart ) {
+						range.setStartAt( editable.getFirst().getNext(), CKEDITOR.POSITION_AFTER_START );
+					} else {
+						range.setEndAt( editable.getLast().getPrevious(), CKEDITOR.POSITION_BEFORE_END );
+					}
+					editable.editor.getSelection().selectRanges( [ range ] );
+				}
+			}
+		},
+
+		/**
+		 * Creates a regular expression which will match the filler HTML in the text.
+		 *
+		 * @param {Boolean} [onEnd] Whether a regular expression should be created for the filler at the beginning or
+		 * the end of the content.
+		 * @returns {RegExp}
+		 * @member CKEDITOR.plugins.widgetselection
+		 * @private
+		 */
+		createFillerRegex: function( onEnd ) {
+			var matcher = this.createFiller( onEnd ).getOuterHtml()
+				.replace( /style="[^"]*"/gi, 'style="[^"]*"' )
+				.replace( />[^<]*</gi, '>[^<]*<' );
+
+			return new RegExp( ( !onEnd ? '^' : '' ) + matcher + ( onEnd ? '$' : '' ) );
+		},
+
+		/**
+		 * Adds an integration for the [Select All](http://ckeditor.com/addon/selectall) plugin to the given `editor`.
+		 *
+		 * @private
+		 * @param {CKEDITOR.editor} editor
+		 * @member CKEDITOR.plugins.widgetselection
+		 */
+		addSelectAllIntegration: function( editor ) {
+			var widgetselection = this;
+
+			editor.editable().attachListener( editor, 'beforeCommandExec', function( evt ) {
+				var editable = editor.editable();
+
+				if ( evt.data.name == 'selectAll' && editable ) {
+					widgetselection.addFillers( editable );
+				}
+			}, null, null, 9999 );
+		}
+	};
+
+
+	function filterTempElements( el ) {
+		return el.getName && !el.hasAttribute( 'data-cke-temp' );
+	}
+
+} )();