ckeditorのメニュー追加ボタンのアイコン

Question

下記の処理にてボタンを追加することはできたのですが、
アイコン画像は１ファイルで、表示する位置によって画像を変更したいのですが、
どうしたらよいのでしょうか？

公式のドキュメントにもスタイルを追加するパラメータなどの記載がない為、さっぱりの状態ですorz

下記のスタイルを追加したいです。

background-position: 0px -1656px;

CKEDITOR.instances.hogeText.addCommand( 'hogeBtnCmd', {
    exec : function(editor) {
        $('#hogefrom').attr("action",'/hoge/main');
        $('#hogefrom').submit();
    }
});

CKEDITOR.instances.hogeText.ui.addButton( 'hogeBtn', {
    label: 'ほげー！',
    command: 'hogeBtnCmd',
    toolbar:'about,20',
    icon: '/img/icons.png',
});

Answer 1

スクリプトからできるかも知れないですが、
ボタン追加時にアイコン指定をやめて、
自動で生成されるアイコンのスタイルのクラス名に対してCSSを追加しました。

CKEDITOR.instances.hogeText.addCommand( 'hogeBtnCmd', {
    exec : function(editor) {
        $('#hogefrom').attr("action",'/hoge/main');
        $('#hogefrom').submit();
    }
});

CKEDITOR.instances.hogeText.ui.addButton( 'hogeBtn', {
    label: 'ほげー！',
    command: 'hogeBtnCmd',
    toolbar:'about,20',
/** アイコン画像の指定削除 icon: '/img/icons.png', */
});

「cke_button__追加したボタン名_icon」の形式で作成される。

.cke_ltr .cke_button__hogebtn_icon {
    background: url(/img/icons.png) no-repeat 0 -1656px !important;
}