[#46628] - editor.css not loading in Default TinyMCE
- Closed
- 6 Jan 2026
- Medium
- Build: 6.0.1
- # 46628
I'm using Joomla 6.0.1 and made a custom template for myself. I also included an editor.css file so that specific styles would be imported into the default TinyMCE editor. They don't show, and the editor.css stylesheet is not loading. I also tried the Cassiopeia template, and it doesn't load this template's editor.css or the editor.min.css.
Started with going to System > Plugins > TinyMCE
Opening up and going to the Set 0 tab (containing Administrator, Super Users, and Editor), scroll down to the setting "Template CSS Classes" and enabling it (and/or disabling it). Then the next setting "Custom CSS Classes", I put in the path to my template editor.css file: media/templates/site/gejay/css/editor.css
Save & Close, then open an article, and there are no custom styles added. Checking the source within the iframe, there is also no editor.css stylesheet file loading.
For the test with Cassiopeia, I added body {background-color: red !important } and nothing happened; the editor.css for this template didn't get loaded either.
| Labels |
Removed:
?
|
||
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
|
||
See #46583
#46543
OT (btw. I always make formatting changes in the user.css)
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/46628.
Ah, I was too late.
I also tried the path with a leading / as this was mentioned to me elsewhere. However, I also tried using the user.css option, but it was unsuccessful for this purpose as well.
The user.css file works if it's loaded last.
Seems like this is similar to what I just found in #46504
Yes, but the issue is closed and the follow-up PR is #46543, as mentioned above, and is planned for Joomla 6.0.2.
Hi @chmst
...and for everyone. I decided to do a side-by-side test with two installations of Joomla on my local XAMPP environment. The first is using Joomla 5.3.2, and the other is using Joomla 6.0.1. I created an article called Editor Test (an exact copy for both, where the content is lorem ipsum dummy text).
On Joomla 5.3 (This Worked):
- My template enabled
- Template CSS Classes TinyMCE setting enabled
- Empty Custom CSS Classes field in TinyMCE
- All custom template classes are showing in the dropdown in the editor
- Shows a grey readmore line
On Joomla 5.3 (This Did Not Work):
-
My template enabled
-
Template CSS Classes TinyMCE setting enabled
-
Custom CSS Classes field filled with: media/templates/site/aj/css/editor.css, and tried media/templates/site/aj/css/
-
This didn't load the classes
-
The readmore line is a red dashed line.
-
The second test with my template enabled
-
Template CSS Classes in TinyMCE setting disabled
-
Custom CSS Classes field filled with: media/templates/site/aj/css/editor.css and also tried media/templates/site/aj/css/
-
Classes did not load in the editor, and the readmore line is dashed red
-
The third test with my template enabled
-
Template CSS Classes in TinyMCE setting disabled
-
The Custom CSS Classes field is empty
-
Classes did not load, and the readmore line is a solid grey line
On Joomla 6.0.1 and testing with my template and the Cassiopeia template:
-
My template enabled
-
Template CSS Classes TinyMCE setting enabled
-
Custom CSS Classes field filled with: media/templates/site/gejay/css/editor.css, and tried media/templates/site/gejay/css/
-
This didn't load the classes
-
The readmore line is a solid grey line.
-
The second test with my template enabled
-
Template CSS Classes in TinyMCE setting disabled
-
Custom CSS Classes field filled with: media/templates/site/aj/css/editor.css and also tried media/templates/site/aj/css/
-
Classes did not load in the editor, and the readmore line is a solid grey line.
-
The third test with my template enabled
-
Template CSS Classes in TinyMCE setting disabled
-
The Custom CSS Classes field is empty
-
Classes did not load, and the readmore line is a solid grey line
-
The fourth test with my template enabled
-
Template CSS Classes in TinyMCE setting enabled
-
The Custom CSS Classes field is empty
-
Classes did not load, and the readmore line is a solid grey line
*Incidentally, the dark mode in my 6.0.1 doesn't work.
@coolcat-creations I tried it yes, but didn't work.
As a side note, that dark mode is ugly, lol :)
As a side note, that dark mode is ugly, lol :)
No need to use it
@coolcat-creations I tried it yes, but didn't work.
As a side note, that dark mode is ugly, lol :)
Thank you for valuing my and others work on the dark mode with such reflected and constructive feedback.
@coolcat-creations I tried it yes, but didn't work.
As a side note, that dark mode is ugly, lol :)Thank you for valuing my and others work on the dark mode with such reflected and constructive feedback.
It was a nice attempt, but in the eyes of a designer, and if I had more time available, I would love to come up with something that has a few style adjustments :) Perhaps later this Spring, I can set some time aside. Designing a CMS dark theme is quite difficult, actually. I tend to move towards a subtle transition of contrast and a bit lighter on the darker colours.
But first, the editor issue is what this is about :)
Where do I send you your refund
Well, this is weird. Today, I log into my local XAMPP for my development site using Joomla 6.0.1. I see the editor with a red background, and classes are loaded. It's red because the other day, I added body {background: red} (for testing) and forgot I left that in there. But today, I noticed the editor.css is loading. I never did any updates or anything other than log off yesterday when I was doing all this testing, and nothing worked on the 6.0.1 version; today it is.
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/46628.
Thank you for the info. The cache?
Could you then close your issue?
Fedik
- | Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2026-01-06 10:02:31 |
| Closed_By | ⇒ | Fedik |
Maybe its related to this?
#46543