I'm working on a custom skin for my workplace, but we need to use a different size icon from those that come with the existing skins.
In 3.x versions, we would just override the CSS to adjust the icons, but in 4.x I see that the code actually injects "style=" attributes directlly onto the button html tags, which can't be override.
So I've started to dig into the source code, and I am really confused as to the difference between skins/{skinname}/icons.png and the button .png files located at plugins/{pluginname}/icons/{iconname}.png.
Is there some kind of documentation as to the build/presidence-order that happens between plugin icons and skin icons?
If I wanted to change the icon size in 4.x, can someone give me a few pointers on where/what to look for?
THANKS!
-Zac
OK I discovered:
OK I discovered:
CKEDITOR.skin.addIcon('Bold', {iconloc});
...that I can add to my skin.js, but is there a nominclature to specify a seperate image location for rtl presentation?
THANKS!
-Zac
See the following code:
See the following code:
https://github.com/ckeditor/ckeditor-dev/blob/master/skins/kama/skin.js#L236
(read the comment that starts in line 217 to understand why it is in skin.js at all)
In short: just call addIcon twice. The icon name should have "-rtl" at the end for the RTL environment, this way it would be automatically recognized by CKBuilder when creating CSS files for RTL interface.
Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+