CKエディタのコマンドボタンを有効/無効にする

Question

CKエディタを初めて使用しました。 UI上にボタンを表示するプラグインが作成されています。いくつかの条件に基づいて無効にして有効にしたい

だから私は

var command = editorInstance.getCommand('myButton') 
command.enable() 

を有効にすると

var command = editorInstance.getCommand('myButton') 
command.disable() 

機能ワイズこれが正常に動作しますが、それはUI上で常にディセーブルモードではボタンを示し（常に灰色のボタンを無効にするには、次のコードを使用しています）

何か不足していますか？

Answer 1

CKEditorがツールバーボタン用に作成するクラス名を使用して、CSSでボタンを非表示にすることができます。試してみてください（v4.5.11でテスト済み）：

// hide 
document.getElementsByClassName('cke_button__myButton')[0].style.display = 'none'; 
//show 
document.getElementsByClassName('cke_button__myButton')[0].style.display = 'block';