@ckeditor/ckeditor5-image 28.0.0 → 30.0.0

package/lang/translations/ro.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "widget imagine"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "Imagine laterală"
@@ -66,36 +78,36 @@ msgstr "Bară imagine"
 
 msgctxt "The label used for the dropdown in the image toolbar containing defined resize options."
 msgid "Resize image"
-msgstr ""
+msgstr "Redimensionează imaginea"
 
 msgctxt "The label used for the standalone resize options buttons in the image toolbar."
 msgid "Resize image to %0"
-msgstr ""
+msgstr "Redimensionează imaginea la %0"
 
 msgctxt "The accessibility label of the standalone image resize reset option button in the image toolbar for screen readers."
 msgid "Resize image to the original size"
-msgstr ""
+msgstr "Redimensionează imaginea la mărimea originală"
 
 msgctxt "The default label for the resize option that resets the size of the image."
 msgid "Original"
-msgstr ""
+msgstr "Original"
 
 msgctxt "The accessibility label of the image resize dropdown for screen readers."
 msgid "Image resize list"
-msgstr ""
+msgstr "Lista cu mărimi de redimensionare"
 
 msgctxt "The label of the form submit button if the image source URL input has no value."
 msgid "Insert"
-msgstr ""
+msgstr "Inserează"
 
 msgctxt "The label of the form submit button if the image source URL input has a value."
 msgid "Update"
-msgstr ""
+msgstr "Actualizează"
 
 msgctxt "The input label for the Insert image via URL form."
 msgid "Insert image via URL"
-msgstr ""
+msgstr "Inserează o imagine via URL"
 
 msgctxt "The input label for the Insert image via URL form for a pre-existing image."
 msgid "Update image URL"
-msgstr ""
+msgstr "Actualizează o imagine via URL"

package/lang/translations/ru.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "Виджет изображений"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr "Обтекать текст"
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr "Разрывать текст"
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr "В тексте"
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "Боковое изображение"

package/lang/translations/si.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr ""
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr ""

package/lang/translations/sk.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "widget obrázka"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "Bočný obrázok"

package/lang/translations/sq.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "Vegla e fotos"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "Foto anësore"

package/lang/translations/sr-latn.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "modul sa slikom"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr "Prelomiti tekst"
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr "Prelom teksta"
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr "U redu"
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "Bočna slika"

package/lang/translations/sr.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "модул са сликом"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr "Преломити текст"
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr "Прелом текста"
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr "У реду"
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "Бочна слика"

package/lang/translations/sv.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "image widget"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "Kantbild"

package/lang/translations/th.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "วิดเจ็ตรูปภาพ"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "รูปด้านข้าง"

package/lang/translations/tk.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "surat widjeti"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "Gapdal surat"

package/lang/translations/tr.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "resim aracı"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "Yan Görsel"

package/lang/translations/ug.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "رەسىمچىك"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "يان رەسىم"

package/lang/translations/uk.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "Віджет зображення"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "Бокове зображення"

package/lang/translations/vi.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "tiện ích ảnh"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "Ảnh một bên"

package/lang/translations/zh-cn.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "图像小部件"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "图片侧边显示"

package/lang/translations/zh.po

@@ -20,6 +20,18 @@ msgctxt "The label for the image widget."
 msgid "image widget"
 msgstr "圖片小工具"
 
+msgctxt "The label for the image style button that wraps text around the image."
+msgid "Wrap text"
+msgstr ""
+
+msgctxt "The label for the image style button that breaks the text around the image."
+msgid "Break text"
+msgstr ""
+
+msgctxt "The label for the image style button that places the image inside the line of text."
+msgid "In line"
+msgstr ""
+
 msgctxt "The label for the Side image option."
 msgid "Side image"
 msgstr "側邊圖片"

package/package.json

@@ -1,44 +1,50 @@
 {
   "name": "@ckeditor/ckeditor5-image",
-  "version": "28.0.0",
+  "version": "30.0.0",
   "description": "Image feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
     "ckeditor5",
     "ckeditor 5",
     "ckeditor5-feature",
-    "ckeditor5-plugin"
+    "ckeditor5-plugin",
+    "ckeditor5-dll"
   ],
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-ui": "^28.0.0",
-    "ckeditor5": "^28.0.0"
+    "@ckeditor/ckeditor5-ui": "^30.0.0",
+    "ckeditor5": "^30.0.0",
+    "lodash-es": "^4.17.15"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-adapter-ckfinder": "^28.0.0",
-    "@ckeditor/ckeditor5-basic-styles": "^28.0.0",
-    "@ckeditor/ckeditor5-ckfinder": "^28.0.0",
-    "@ckeditor/ckeditor5-clipboard": "^28.0.0",
-    "@ckeditor/ckeditor5-cloud-services": "^28.0.0",
-    "@ckeditor/ckeditor5-core": "^28.0.0",
-    "@ckeditor/ckeditor5-dev-utils": "^25.0.0",
-    "@ckeditor/ckeditor5-easy-image": "^28.0.0",
-    "@ckeditor/ckeditor5-editor-classic": "^28.0.0",
-    "@ckeditor/ckeditor5-engine": "^28.0.0",
-    "@ckeditor/ckeditor5-enter": "^28.0.0",
-    "@ckeditor/ckeditor5-heading": "^28.0.0",
-    "@ckeditor/ckeditor5-html-embed": "^28.0.0",
-    "@ckeditor/ckeditor5-indent": "^28.0.0",
-    "@ckeditor/ckeditor5-link": "^28.0.0",
-    "@ckeditor/ckeditor5-list": "^28.0.0",
-    "@ckeditor/ckeditor5-paragraph": "^28.0.0",
-    "@ckeditor/ckeditor5-table": "^28.0.0",
-    "@ckeditor/ckeditor5-theme-lark": "^28.0.0",
-    "@ckeditor/ckeditor5-typing": "^28.0.0",
-    "@ckeditor/ckeditor5-undo": "^28.0.0",
-    "@ckeditor/ckeditor5-upload": "^28.0.0",
-    "@ckeditor/ckeditor5-utils": "^28.0.0",
-    "@ckeditor/ckeditor5-widget": "^28.0.0",
+    "@ckeditor/ckeditor5-adapter-ckfinder": "^30.0.0",
+    "@ckeditor/ckeditor5-autoformat": "^30.0.0",
+    "@ckeditor/ckeditor5-basic-styles": "^30.0.0",
+    "@ckeditor/ckeditor5-block-quote": "^30.0.0",
+    "@ckeditor/ckeditor5-ckfinder": "^30.0.0",
+    "@ckeditor/ckeditor5-clipboard": "^30.0.0",
+    "@ckeditor/ckeditor5-cloud-services": "^30.0.0",
+    "@ckeditor/ckeditor5-core": "^30.0.0",
+    "@ckeditor/ckeditor5-dev-utils": "^25.4.0",
+    "@ckeditor/ckeditor5-easy-image": "^30.0.0",
+    "@ckeditor/ckeditor5-editor-classic": "^30.0.0",
+    "@ckeditor/ckeditor5-engine": "^30.0.0",
+    "@ckeditor/ckeditor5-enter": "^30.0.0",
+    "@ckeditor/ckeditor5-essentials": "^30.0.0",
+    "@ckeditor/ckeditor5-heading": "^30.0.0",
+    "@ckeditor/ckeditor5-html-embed": "^30.0.0",
+    "@ckeditor/ckeditor5-indent": "^30.0.0",
+    "@ckeditor/ckeditor5-link": "^30.0.0",
+    "@ckeditor/ckeditor5-list": "^30.0.0",
+    "@ckeditor/ckeditor5-media-embed": "^30.0.0",
+    "@ckeditor/ckeditor5-paragraph": "^30.0.0",
+    "@ckeditor/ckeditor5-table": "^30.0.0",
+    "@ckeditor/ckeditor5-theme-lark": "^30.0.0",
+    "@ckeditor/ckeditor5-typing": "^30.0.0",
+    "@ckeditor/ckeditor5-undo": "^30.0.0",
+    "@ckeditor/ckeditor5-upload": "^30.0.0",
+    "@ckeditor/ckeditor5-utils": "^30.0.0",
+    "@ckeditor/ckeditor5-widget": "^30.0.0",
     "webpack": "^4.43.0",
     "webpack-cli": "^3.3.11"
   },
@@ -59,7 +65,8 @@
     "lang",
     "src",
     "theme",
-    "build"
+    "build",
+    "ckeditor5-metadata.json"
   ],
   "scripts": {
     "dll:build": "webpack"

package/src/autoimage.js

@@ -11,9 +11,10 @@ import { Plugin } from 'ckeditor5/src/core';
 import { Clipboard } from 'ckeditor5/src/clipboard';
 import { LivePosition, LiveRange } from 'ckeditor5/src/engine';
 import { Undo } from 'ckeditor5/src/undo';
+import { Delete } from 'ckeditor5/src/typing';
 import { global } from 'ckeditor5/src/utils';
 
-import { insertImage } from './image/utils';
+import ImageUtils from './imageutils';
 
 // Implements the pattern: http(s)://(www.)example.com/path/to/resource.ext?query=params&maybe=too.
 const IMAGE_URL_REGEXP = new RegExp( String( /^(http(s)?:\/\/)?[\w-]+\.[\w.~:/[\]@!$&'()*+,;=%-]+/.source +
@@ -32,7 +33,7 @@ export default class AutoImage extends Plugin {
 	 * @inheritDoc
 	 */
 	static get requires() {
-		return [ Clipboard, Undo ];
+		return [ Clipboard, ImageUtils, Undo, Delete ];
 	}
 
 	/**
@@ -58,7 +59,7 @@ export default class AutoImage extends Plugin {
 		this._timeoutId = null;
 
 		/**
-		 * The position where the `<image>` element will be inserted after the timeout,
+		 * The position where the `<imageBlock>` element will be inserted after the timeout,
 		 * determined each time a new content is pasted into the document.
 		 *
 		 * @private
@@ -118,6 +119,8 @@ export default class AutoImage extends Plugin {
 		// TODO: Use a marker instead of LiveRange & LivePositions.
 		const urlRange = new LiveRange( leftPosition, rightPosition );
 		const walker = urlRange.getWalker( { ignoreElementEnd: true } );
+		const selectionAttributes = Object.fromEntries( editor.model.document.selection.getAttributes() );
+		const imageUtils = this.editor.plugins.get( 'ImageUtils' );
 
 		let src = '';
 
@@ -166,11 +169,13 @@ export default class AutoImage extends Plugin {
 					insertionPosition = this._positionToInsert.toPosition();
 				}
 
-				insertImage( editor.model, { src }, insertionPosition );
+				imageUtils.insertImage( { ...selectionAttributes, src }, insertionPosition );
 
 				this._positionToInsert.detach();
 				this._positionToInsert = null;
 			} );
+
+			editor.plugins.get( 'Delete' ).requestUndoOnBackspace();
 		}, 100 );
 	}
 }