Problems with TinyMCE alignment of images

[theartistep]

On Joomla 5, the editor in TinyMCE is adding a bit of code (class=”float-none” ) to allow images to float right or left .

It can be corrected by going into the source code and removing the "-none".

Appearance in J5 TinyMCE editor after inserting image and aligning to the left.

Float Image in Editor J5.png

Actual result on front end when saved

Float image result J5.png

The editor is adding a snip of code for the image class (float-none). If you view source code and remove the "-none" it will correct it when save.

Float Image source code J5.png

Either I'm missing something or it should be fixed.

[ceford]

Your code has style statements. I don't think that comes from TinyMCE, so neither does float-none. Do you have other media plugins enabled?

[theartistep]

These weren't issues on these sites with Joomla 4.*. These just happened with the upgrade from 4.4 to 5.

The solution does solve the problem

Go to:
/public_html/plugins/editors/tinymce/src/PluginTraits/PluginTrait.php

On the PluginTrait.php, locate
449 ['title' => 'None', 'value' => 'float-none'],

And, Replace with:
449 ['title' => 'None', 'value' => 'float'],

Hopefully it will be fixed.

[ceford]

Trying to understand the problem! The actual file is DisplayTrait.php. I am not sure changing float-none to float will do anything.

Those options turn up in the article edit form when you select an image and then the insert/edit image icon. At the bottom of the form you get a choice of None, Left, Right, Centre. They work as expected for me.

How are you inserting images? Is it in the body of the text or with the Images and Links tab?

[brian]

There is absolutely nothing in any version of joomla that will change the content you have created on update. That is a fundamental principal behind the updates. Do not touch the user created content - ever!!