TinyMCE: Right align the image without caption doesn't work

[MelissaWu-SS]

Step to reproduce

• Insert an image to a tinyMCE editor
• Choose 'Right' for image alignment

Expected behaviour:

The image should be aligned right and there should be no text wrapping around the image.

Actual behaviour:

There is no way we can clear the text around the image, as we are not able to select the parent <p> element of the image in CSS. So the image is always wrapped with text.

Potential solution

The potential solution would be adding class names to the parent <p> element when an image is inserted. It could be done in the TinyMCE_ssmedia.js. It would be similar to the image with caption, where a <div> element is added to replace the <p> element and there are class names on the <div>, so we can select the <div> for clearing the text around the image.

ACs

• Make image right alignment behave like CMS 4

[sabina-talipova]

I tested the provided example and didn't find any problem. All elements are aligned according to the selected setting. If wrap is selected, the text wraps around the image according to the selected setting.

[MelissaWu-SS]

Hey @sabina-talipova, the problem is with RightAlone option. If RightAlone is selected as below, there should not be text wrapping about the image. Currently, the image is wrapped with text if the image is "RightAlone". We have this issue on a project that uses. silverstripe/recipe-cms: 5.0.0.

[sabina-talipova]

Issue was fixed. Close.