imageResizable style dimensions stripped on subsequent save

[lukasgeiter]

When using a redactor field with imageResizable enabled, resizing the image and then saving adds a style attribute to the <img> element which declares width and height of the image:

<img src="..." width="555" height="370" style="width: 555px; height: 370px;">

However whenever I save the entry without resizing the image, the style attribute is removed.

<img src="..." width="555" height="370">

I would expect the style attribute to remain the same when saving multiple times without making any changes. As a workaround, authors always have to remember to resize images slightly before saving to retain the attribute, which is far from ideal.

Steps to reproduce:

1. Create entry with redactor field
2. Add image to redactor field
3. Resize the image
4. Save > style attribute is set
5. Save again (without resizing) > style attribute is removed

Versions:

Craft: 3.3.18.4
Redactor Plugin: 2.4.0

[chasegiunta]

@lukasgeiter you may want to ensure you don't have the "Remove inline styles" option checked in the advanced section of the field's settings.

[andris-sevcenko]

I took a rather deep dive through Redactor's code. It appears that Redactor sanitizes the field value on load, which also includes removing the style attribute on all image tags. (source)

So, I went ahead and overrode that behavior, allowing the style attribute to stay on the img tags, since it's possible to remove them on save with field settings

[andris-sevcenko]

This will be included in the next release!

[lukasgeiter]

@andris-sevcenko Thanks!