[#45672] - Add custom classes to the class dropdown in the image dialog in TinyMCE
- Closed
- 2 Jul 2025
- Medium
- Build: 5.4-dev
- # 45672
- Diff
- RickR2H:img-classes
User tests: Successful: Unsuccessful:
Pull Request for Issue # .
Summary of Changes
- Added the option to define custom classes for the image class dropdown in the TinyMCE plugin configuration, while keeping the default classes.
- When selecting "No Class Selected" in the image class dropdown, the class property is completely removed from the image.
Testing Instructions
- Build the CSS.
- Go to the TinyMCE plugin configuration.
- Scroll to the bottom of the page to the Image Classes List parameter.
- Click the green + symbol to add a custom class.
- Add a custom class with name: myclass and value: myclass.
- Go to an article and add an image.
- Select the image and click the image icon in the editor icon bar.
- Open the class dropdown and select the created class: myclass and click Save.
- Open the Source Code Editor in TinyMCE and check if the class is in the image tag.
- Open the image dialog again and remove the class by clicking: No Class Selected.
- Check if the class property is removed from the image tag.
Actual result BEFORE applying this Pull Request
No classes can be added
Expected result AFTER applying this Pull Request
Classes can be added in the configuration and selected in the image class dropdown in TinyMCE
Link to documentations
Please select:
-
Documentation link for docs.joomla.org:
-
No documentation changes for docs.joomla.org needed
-
Pull Request link for manual.joomla.org:
-
No documentation changes for manual.joomla.org needed
| Status | New | ⇒ | Pending |
joomla-cms-bot
- | Category | ⇒ | Administration Language & Strings Repository NPM Change Front End Plugins |
it should be obvious that changing the markup is a b/c break
just because the cassiopeia template has
.float-none
{
float: none !important;
}
and that might be the same as not having any class does not mean that a site owner has not modified that class for their site
.float-none
{
float: none !important;
border: 1px solid red;
}
| Labels |
Added:
Language Change
NPM Resource Changed
PR-5.4-dev
|
||
| Category | Administration Language & Strings Repository NPM Change Front End Plugins | ⇒ | Administration Language & Strings Front End Plugins |
@brianteeman I get your point. I added back in the class and added an other option to remove the classes.
If this is a new feature then it should go into 6.0-dev.
I guess it is a kind of a new feature... It is a way to configure the static classes in the image dropdown, which sould be possible right from the start IMHO. No problem to put this PR in the 6.0 branch though. Will check tomorrow.
| Status | Pending | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2025-07-02 08:06:09 |
| Closed_By | ⇒ | RickR2H | |
| Labels |
Removed:
NPM Resource Changed
|
||
@brianteeman Why a vote down?