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.I recently update my CKEditor to 4.0.0.769d96134b, but found that in Chrome the icons didn't show correctly, they just listed in a single line...
Here is my version:
Chrome : Version 21.0.1180.57
WYSIWYG : 7.x-2.2+7-dev
CKEditor : 4.0.0.769d96134b
| Comment | File | Size | Author |
|---|---|---|---|
| #5 | ckeditor_chrome_default_grouping.png | 10.59 KB | decibel.places |
| #3 | ckeditor_chrome.png | 10.14 KB | decibel.places |
| #3 | ckeditor_firefox.png | 14.44 KB | decibel.places |
| firefox.png | 44.93 KB | kpyan8s | |
| chrome Version 21.0.1180.57.png | 19.68 KB | kpyan8s |
Comments
Comment #1
eflage CreditAttribution: eflage commentedI'm having the same issue. Subscribing.
Comment #2
kpyan8s CreditAttribution: kpyan8s commentedWith update to 4.01, this issue is fixed
Comment #3
decibel.places CreditAttribution: decibel.places commentedreopening because the button icons are not displaying correctly in Chromium (Linux distro of Chrome)
CKEditor: Version 4.2 Full
wysiwyg: 7.x-2.2+23-dev (note: 7.x-2.2 does not recognize CKEditor library)
browser: Chromium Version 28.0.1500.71 Ubuntu 13.04 (28.0.1500.71-0ubuntu1.13.04.1)
Firefox:
Chromium
also some icons are misplaced in Chromium, for example I am not enabling spellcheck
[EDIT]
I had the issue on my local dev environment (Ubuntu LAMP)
When I pushed code to remote site with Git and synced db + files... the icons appeared in the same Chromium browser... hmmm... wtf? I don't think it's permissions, the icons are in two single sprite images
Comment #4
TwoDI'm on the same stack, and I'm working on correcting issues like that (in paralell with a lot of other annoying stuff). The buttons-go-off-screen-issues will be solved once button-sorting is completely implemented. (There's an old issue about it somewhere, and a testing branch called sort_buttons - it's a bit behind on d.o still, but I've recently merged in the latest changes from 7.x-2.x locally so I'll push that up to d.o ASAP.) Until then, there's an extra Appearance-setting for CKEditor which tells it to use the default button grouping, which fixes issues like this.
As for missing icons, that looks like a possible cache issue?
Comment #5
decibel.places CreditAttribution: decibel.places commentedDefault grouping has the same problem:
I cleared Drupal caches and browser caches.
Comment #6
conniemh CreditAttribution: conniemh commentedWas this ever resolved? The same issue seems to be appearing in FF too. However, the icons show up in IE 8+ and Safari.
Thanks,
Connie
Comment #7
decibel.places CreditAttribution: decibel.places commentedConnie,
I had to install the official Chrome for Linux package from Google, instead of the Chromium browser.
There are many other items that Chromium renders differently than Chrome.
Using Chrome as primary browser now, bye-bye Chromium.
Comment #8
unclejustin CreditAttribution: unclejustin commentedJust want to throw my hat in here that this also happens to me in Safari 7.0, works fine in Firefox.
Comment #9
TwoDThat's strange, I use Chromium from the Ubuntu repositories and it works fine.
Comment #10
Pete B CreditAttribution: Pete B commentedI wasn't able to test on Chromium, but it works fine in Safari 7.0.3 with ckeditor 4.4.0.
I suspect these are CKEditor CSS issues rather that wysiwyg issues? I think this should be closed.
Comment #11
TwoDYeah, this looks like an internal CKEditor problem. Wysiwyg just says which buttons to put in the toolbar and does not have anything to do with how they are rendered or which icons to use.
Also, I can't reproduce this with the latest CKEditor 4 version, so maybe they worked it out?
(The all problems with all buttons on a single row will be worked out soon.)