スタイルと注文CKEdtiorカスタムツールバープラグインのボタンが

Question

私は、カスタムプラグインの多くのCKEditorバージョンのインスタンスを持っています。私の問題は、ツールバー上でこれらのボタンを適切にスタイルしたいということです。次の図では、私の 'カスタムプラグイングループ'はすべて正しい方法です（保存、最大化、終了のデフォルトアイコンのように見えますが、カスタムプラグインでなければなりません）。

しかし、これは間抜けに見えます。最も重要なのは、[X]アイコンが右に浮かび、グループ化されていないボタンになりたいことです。私の設定は次のようになります：

CKEDITOR.editorConfig = function(config) { 
    config.toolbarGroups = [ 
     { <the standard toolbar button declarations> }, 
     { name: 'others', groups: [ 'others' ] } 
     ] 
    config.extraPlugins = 'save_btn,custom_max, close_btn'; 
}); 

私はプラグインを「余分なプラグイン」で注文できますが、私はそれらをグループ解除できません。私はtoolbarGroupsを使用してそれらを変更しようとしましたが、extraPluginsは何に関係なく常に「その他」にダンプされるようです。 別のconfig.extraPluginsインスタンスでそれらを追加しようとしましたが、これは最初の呼び出しを追加するだけです。

var active_editor = element.ckeditor(function(){ 
    $('.cke_button__close_btn').css({'margin-left':'10px'}) 
    }); 

しかし、これのマージン/パディングが動作しない設定：

は、私はまた、CSSの宣言でこれを設定してみました。スタイルは適用されますが、要素を単に埋め込み、実際にはそれらを分離しません。

何か不足していますか？どんな助けもありがとう。

Answer 1

ダウンロードしたファイル（/samples/toolbarconfigurator/index.html）を使用して、アイテムのグループ化および順序付け方法を変更することができます。

カスタムスタイリングを要素に適用するには、開発ツールを起動し、必要に応じて要素のスタイルを調整する方法を確認してから、CKEditorがロードされた後にjavascriptを使用して要素を変更する必要があります。