Research how different sources of HTML interact with img height/width attributes

[Witoso]

As we implemented the image attributes to the model (#14202) let's test it out with the content that it's out there and what would be a behavior with this implementation.

Sources to check:

• Test the new CKE5 height implementation by pasting from Word, Google Docs (Editor doesn't preserve image size when pasting resized images from Google Docs #10838), and random websites (like Wikipedia).
• CKE5 with GHS.
• CKE4 (ACF, custom ACF / non ACF).
• Drupal with CKE4 and CKE5.

Cases to check:

• Simple image upload.
• Image from URL.
• Resize of image.
• Resize of image (unlocked aspect ratio).

Let's create a doc in which we will have a summary of the scenarios and example data. Format proposal:

• Source: CKE4 with ACF.
• Input HTML to the source.
• Action on the image in the source (mention if any like resize).
• Output HTML from the source.
• Model/View after inserting to CKE5 (with height/width attributes)
• Is user intent preserved?

[Witoso]

Conclusions

• style=height:xx, should we accept it and store in the model as resizedHeight?
  • Proposed rule of thumb if inline style then the intent is that it may be a resize and we keep it in the model.
  • GHS attribute height messes up the resize of the picture with inline styles. The inline-image will show differently in an editor and different in data output.
  • style=height:xx == model: resizedHeight (this is what we could introduce)
  • on resize should we set resizedHeight and resizedWidth?
    • % may mess it up? Rounding problems…
  • force aspect-ratio style, set an attribute on the model of aspect-ratio.
• height:auto overwrites the non-proportional resize (in block as images are surrounded by figure). Should we accept images that are resized without keeping the aspect ratio?
  • maybe integrators should unset height:auto if they want to tweak aspect ratio images?

Follow ups:

• Add image resizedHeight attribute, convert from style=height:xx #14357