Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
On some of my drupal sites I have noticed after an update from 4.2 to 4.2.1 the toolbar buttons are no visible in firefox and out of place in chromium.
Meanning all buttons are there and functioning but the background images are out of place or not visible at all.
I using Moonocolor or Kama Skin.
Comments
Comment #1
mjt772 CreditAttribution: mjt772 commentedI just wrestled with a very similar problem for awhile today, and hopefully I can be of some assistance.
My case:
A new, slim D7 installation
CKEditor module 7.x-1.13
CKEditor 4.2.1
Kama skin from the CKEditor site
Moonocolor skin from the CKEditor site
With Kama enabled, I noticed that IE and Chrome displayed the toolbar icons correctly, but Firefox did not; in Firefox, the icons were all either missing or misaligned. With Moono Color enabled, the icon images were visible but mostly misaligned in all three browsers.
I tried loading a different module version (7.x-1.x-dev), to no effect. I tried three older versions of CKEditor, all to no effect.
Eventually, I relented and set the skin to Moono, and all three browsers displayed the icons correctly.
After this process of elimination (and reading your post), it seems that the Kama and Moono Color skins are simply not compatible with CKEditor 4.2.1 in a D7 environment, but I don't have enough time to investigate the incompatibility further. (My client is happy with Moono, so I'm moving on to other things for now.)
I think you may be stuck with Moono until the other popular skins are patched (or you create your own). Alternatively, you might try Moono Blue; it actually worked well in all three browsers for me, but I wasn't fond of the palette.
Comment #2
gifad CreditAttribution: gifad commentedHi all,
It seems that with CKEditor 4, the only working skins are the ones downloaded from ckeditor.com/download as part of a customized package;
So if you intend to use several skins on the same site, you have to download each package, and "merge" the skins folders;
see the comments in the moonocolor page at ckeditor site !
Note that this is also true for some plugins.
Comment #3
Noyz CreditAttribution: Noyz commentedI downloaded a skin, placed it into the skins directory, and viola' fixed