(Firstly, sorry for dupe post, this is posted here http://ckeditor.com/forums/Skins-and-Icon-Sets/CKEditor-4-skin-creation but there are no links anywhere to the ckeditor 4 sub groups so no one will ever find it there)
I am trying to create a skin for ckeditor 4 (well, just custom icons really).
I tried following the skins guide http://docs.ckeditor.com/#!/guide/skin_sdk_intro but annoyingly everything links to the moono skin and says start from there, but there is not even a skin.js file in moono by default. It took me long time to find the source code on github and copy the entire moono skin source folder from the ckeditor-dev reposotiry, and even then, there was not even a default icons.png file.
Anyway, I think i'm all setup now, and have created my skin.js, and I have my icons all in one vertical slot sprite image (copied from a skin i was using on ckeditor 3). The docs say to just call CKEDITOR.skin.addIcon and you'll be good to go. But that method has no effect if the icon you are adding is already set, and in my experience, the stock ckeditor.js file from the standard source already calls addIcon on every possible icon for the moono skin.
All in all I'm finding this process of simply changing the icons ridiculously difficult. At first glance I thought I woud just grab the icons.png file from moono and replace them 1 by 1 in the sprite but even that didn't work. Very frustrating.
I was able to get my skin to
I was able to get my skin to work by setting CKEDITOR.skin.icons['button_name'] manually, rather than call CKEDITOR.skin.addIcon(), but this is far from ideal!
I fear there is something wrong with my setup, perhaps someone can tell me what I am doing wrong? In my page I first include the ckeditor.js file from the download page (which sets up the moono skin etc), then i call CKEDITOR.replace( element_id, { skin: 'my_skin' });
However, as mentioned previously, since ckeditor.js already sets up CKEDITOR.skin when you load it, my_skin can't do it.
I tried checking how the kama skin does it, but it doesn't use any javascript to setup icons, instead every icon is set via the stylesheet.
I'd like to help you, but
Until I actually go through the process of creating a skin myself I won't be able to see where the documentation is confusing. We do appreciate you pointing out where you're having trouble.
Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn
If you think you found a bug in CKEditor, read this!