+
Just width
and height
attributes
+
+
+
+
+ Lorem ipsum
+
+ dolor sit amet.
+
+
+
width
and height
+ sizes
+
+
+
+
+ Lorem ipsum
+
+ dolor sit amet.
+
+
+
width
and height
attributes + ImageResize
(px)
+
+
+
+
+ Lorem ipsum
+
+ dolor sit amet.
+
+
+
width
and height
attributes + ImageResize
(%)
+
+
+
+
+ Lorem ipsum
+
+ dolor sit amet.
+
+
diff --git a/packages/ckeditor5-image/tests/manual/imagesizeattributes.js b/packages/ckeditor5-image/tests/manual/imagesizeattributes.js
new file mode 100644
index 00000000000..999f0365676
--- /dev/null
+++ b/packages/ckeditor5-image/tests/manual/imagesizeattributes.js
@@ -0,0 +1,51 @@
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/* global document, console, window */
+
+import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
+import ArticlePluginSet from '@ckeditor/ckeditor5-core/tests/_utils/articlepluginset';
+import Indent from '@ckeditor/ckeditor5-indent/src/indent';
+import Code from '@ckeditor/ckeditor5-basic-styles/src/code';
+import IndentBlock from '@ckeditor/ckeditor5-indent/src/indentblock';
+import EasyImage from '@ckeditor/ckeditor5-easy-image/src/easyimage';
+import CloudServices from '@ckeditor/ckeditor5-cloud-services/src/cloudservices';
+import ImageResize from '../../src/imageresize';
+import ImageSizeAttributes from '../../src/imagesizeattributes';
+import ImageUpload from '../../src/imageupload';
+
+import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
+
+const commonConfig = {
+ plugins: [
+ ArticlePluginSet,
+ ImageResize,
+ Code,
+ ImageSizeAttributes,
+ ImageUpload,
+ Indent,
+ IndentBlock,
+ CloudServices,
+ EasyImage
+ ],
+ toolbar: [ 'heading', '|', 'bold', 'italic', 'link',
+ 'bulletedList', 'numberedList', 'blockQuote', 'insertTable', 'undo', 'redo', 'outdent', 'indent' ],
+ image: {
+ toolbar: [ 'imageStyle:inline', 'imageStyle:wrapText', 'imageStyle:breakText', '|', 'toggleImageCaption', 'resizeImage' ]
+ },
+ table: {
+ contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells' ],
+ tableToolbar: [ 'bold', 'italic' ]
+ },
+ cloudServices: CS_CONFIG
+};
+
+( async function initTest() {
+ window.editor = await ClassicEditor
+ .create( document.querySelector( '#editor-width-height-attributes' ), commonConfig )
+ .catch( err => {
+ console.error( err.stack );
+ } );
+}() );
diff --git a/packages/ckeditor5-image/tests/manual/imagesizeattributes.md b/packages/ckeditor5-image/tests/manual/imagesizeattributes.md
new file mode 100644
index 00000000000..7b5a3700001
--- /dev/null
+++ b/packages/ckeditor5-image/tests/manual/imagesizeattributes.md
@@ -0,0 +1,4 @@
+## Image size attributes
+
+* Images (inline and block) should have `width` and `heigth` attributes set.
+* Resized images should preserve aspect ratio.
diff --git a/packages/ckeditor5-image/tests/pictureediting.js b/packages/ckeditor5-image/tests/pictureediting.js
index 65bf88ed1c7..8f07e3a460b 100644
--- a/packages/ckeditor5-image/tests/pictureediting.js
+++ b/packages/ckeditor5-image/tests/pictureediting.js
@@ -230,7 +230,7 @@ describe( 'PictureEditing', () => {
expect( getModelData( model ) ).to.equal(
'