CKEditor in Chrome on Mac OS X

Feb 24, 2014 at 11:37 PM
I believe this is the best HTML-editor currently available for DNN.

But my happiness was badly hurt today when I found out that it does not work together with Chrome on my brand new Mac Book Pro. Just moved from Windows XP to Mac. The buttons in CKEditor for DNN does not render correctly in Advanced Edit mode.

Anyone who has any ideas for solution on this?

/Christer
Feb 25, 2014 at 12:53 AM
Clear your cache or refresh editor. I have never had an issue with chrome. I even updated recently (chrome). Shouldn't matter the hardware.
Feb 25, 2014 at 12:23 PM
Are you using an Retina Mac Book if yes which editor theme did you use?
Feb 25, 2014 at 1:21 PM
Yes, I am using a new Retina MacBook Pro with integrated graphics card.
Editor settings
Skin: moono
Code mirror theme: default
Toolbar: Full
Editor width: 99%
Editor height: 200

But I do not experience the problem with Firefox or Safari on the same MacBookPro. On the other hand I have fund another smaller rendering problem in the skin with Chrome that has nothing to do with CKEditor on the same DNN site. You might be on the track of something here even if I did not expect that a skin or theme needed retina support to be visible / viewed in the browser. Or what do you suspect?

This is how it looks in Chrome:
http://snag.gy/3iCZE.jpg

This is how it looks in Safari:
http://snag.gy/YVovD.jpg

This is how it looks in Firefox:
http://snag.gy/kcuSS.jpg

supermansrf: I have tried clearing cache, refreshing editor, logging out from Google account and even re-installing Chrome.

/Christer
Feb 25, 2014 at 1:33 PM
Thanks for the images, the problem is that the editor loads different images for the icons if use a hidpi display. And I guess there is a problem with that file, I have to check that.

P.s.: are you using the latest editor provider version?
Feb 25, 2014 at 1:37 PM
I installed WatchersNET CKEditor™ Provider 2.0.11 today.
The problem existed in 2.0.8 also which I had before upgrading.
Christer
Mar 2, 2014 at 1:57 PM
Edited Mar 2, 2014 at 5:01 PM
Hi,
This seems to be related to the level of zoom of the Chrome browser window. At some zoom level the toolbar buttons render correctly but not at other.
/Christer