CKEditorバージョンは - 私はボタンにクラスを追加することができる午前ツールバーボタン

Question

の親スパンにクラスを追加します。

editor.ui.addButton(_buttonName, 
      { 
       'label': 'Switch Toolbar', 
       icon: CKEDITOR.getUrl(this.path) + 'images/' + pluginIcon, 
       className: 'cke_switchtoolbar', 
       command: _pluginCommand 
      }); 

しかし、私は、その親にも及んにいくつかのスタイルを適用したいです。 どうすればいいですか？クラスと内側のボタンを持つ

私はクラスにまたがるようにスタイルを追加したい。この場合

<span id="cke_403" class="cke_toolbar" aria-labelledby="cke_403_label" role="toolbar"> 
    <span id="cke_403_label" class="cke_voice_label">Expandable</span> 
    <span class="cke_toolbar_start"></span> 
    <span class="cke_toolgroup" role="presentation"> 
     <a id="cke_404" class="cke_switchtoolbar cke_button cke_button__switchbar cke_button_off cke_switchtoolbar" "="" href="javascript:void('Switch Toolbar')" title="Switch Toolbar" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_404_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(44,event);" onfocus="return CKEDITOR.tools.callFunction(45,event);" onmousedown="return CKEDITOR.tools.callFunction(46,event);" onclick="CKEDITOR.tools.callFunction(47,this);return false;"> 
      <span class="cke_button_icon cke_button__switchbar_icon" style="background-image:url(http://localhost:55244/Content/ckeditor/plugins/switchbar/images/arrow-downward.png?t=D08E);background-position:0 undefinedpx;">&nbsp;</span> 
      <span id="cke_404_label" class="cke_button_label cke_button__switchbar_label">Switch Toolbar</span> 
     </a> 
    </span> 
    <span class="cke_toolbar_end"></span> 
</span> 

「cke_toolgroup」とクラスのcke_toolbar '「cke_switchtoolbar」は、同じクラスで、多くのスパンがあることができ「cke_toolgroup」または' cke_toolbar '。

Answer 1

ボタンを与えたクラス名が一意である場合は、このようなCKEditorバージョンのツールバーにカスタムボタンを追加した後、あなたはスタイリングを変更するには、いくつかのjQueryを使用することができます。

$(".cke_toolbar").closets("span").addClass(yourClass); 

closest("span")一部で、最も近い親を見つけます必要に応じて他のセレクタを使用することができます。

Answer 2

あなたも#cke_1_top .cke_toolbox span:last-childまたは#cke_1_top .cke_toolbox span:nth-child(n)

#cke_1_topのようにCSSで親スパンを標的にしてもよいが、両方のスパンであなたが