2017-03-07 7 views
0

CKエディタJSフレームワークにプラグインを作成しました。いくつかのフィールドでプラグインのダイアログを表示することができました。しかし、私はラベルや色などのようなOKとキャンセルボタンのCSSのプロパティを制御する必要がありますそれはこのカスタマイズが可能ですか?ckeditorプラグインダイアログのOKボタンとCancelボタンのラベルをカスタマイズすることができます

答えて

0

あなたはここに二つのアプローチがあります:あなたはCKEDITOR.dialog.definition#buttonsプロパティをuingボタンをカスタマイズすることができます

  • を。
  • CKEDITOR.dialog.okButtonメソッドをオーバーライドすることができます.-もっとハッキーなので、最初のものを試してみることをおすすめします。
+0

ありがとうございます。フォーラムを投稿する前に両方の方法を試してみましたが、うまくいかないようです。 OKとCancelはダイアログ定義の静的なボタンのように見えますが、これは実装です。簡単に上書きすることはできません。 – Oceanvijai

+0

okButton:function(){var a = function(a、b){ \t \t \t \t \t b = b || {}; \t \t \t \t \t戻りCKEDITOR.tools.extend({ \t \t \t \t \t \t ID: "OK"、 \t \t \t \t \t \tタイプ: "ボタン"、 \t \t \t \t \t \tラベル。 .lang.common.ok、 \t \t \t \t \t \t "クラス": "cke_dialog_ui_button_ok"、\t \t \t \t \t \t のonClick:関数(A){ \t \t \t \t \t \t \t = a.data.dialog。 \t \t \t \t \t \t \t 1 == a.fire( "OK"、{ \t \t \t \t \t \t \t \t隠す:0 \t \t \t \t \t \t \t})!。隠す&&。 hide() \t \t \t \t \t \t \t \t \t \t \t}、b、!0) \t \t \t \t}; \t \t \t \t a.type = "button"; \t \t \t \t a.override =関数(B){ \t \t \t \t \t戻りCKEDITOR.tools.extend(関数(C){ \t \t \t \t \t \tリターン(C、B) \t \t \t \t \t} { \t \t \t \t \t \tタイプ: "button"!\t \t \t \t \t}、0) \t \t \t \t}。 \t \t \t \tリターン \t \t \t} – Oceanvijai

+0

は、正確には、対話のonLoadハンドラにCKEDITOR.dialog.definitionの#ボタンをカスタマイズしようとしました。それはオブジェクト(コンソールで評価されます)で変更されるようですが、UIでは変更されません。 – Oceanvijai

0

オーバーライドされたパラメータをオーバーライドするメソッドがあります。お試しください:

CKEDITOR.dialog.add('getlinkDialog', function (editor) { 
    return { 
     title: 'Dialog title', 
     minWidth: 300, 
     minHeight: 70, 
     contents: [ 
      { 
       id: 'getlink-basic', 
       label: 'Basic Settings', 
       elements: [ 
        { 
         type: 'text', 
         id: 'link', 
         label: 'Enter your name' 
        } 
       ] 
      } 
     ], 
     buttons: [ 
     CKEDITOR.dialog.okButton.override({ label : 'My Label'}), 
     CKEDITOR.dialog.cancelButton.override({}) 
     ], 
     onOk: function() { 
      //Your code 
     } 
    }; 
}); 
関連する問題