CKEditor adds a height CSS property to the style attribute of an img element when the img is the child of other HTML elements. The value of this height property is the height of the original image that was uploaded, which causes the WYSIWYG view to stretch larger images because their width is limited by max-width: 100%. I’m able to reproduce this on a fresh Drupal install via simplytest.me after uploading an image via the WYSIWYG editor and using the editor’s Source mode to add wrapping p tags around the image.
Note that this only affects the way images are rendered in CKEditor, and not how they are rendered on the node URL once it has been saved.
p or div works).Active
11.0 🔥
ckeditor5.module
This may be related to https://www.drupal.org/project/drupal/issues/3504642 🐛 Inline image options UI is not sized correctly Active .
I have not been able to reproduce it in CKEditor demos.