Aktivieren/Deaktivieren von Befehlsschaltflächen in CK Editor

Question

Ich bin neu in CK Editor. Ich habe ein Plugin erstellt, das eine Schaltfläche auf der Benutzeroberfläche anzeigt. Ich möchte basierend auf einer Bedingung deaktivieren und aktivieren.

So verwende ich den folgenden Code

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

zu ermöglichen und

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

Funktionalität wiese das funktioniert gut zu deaktivieren, aber es zeigt Knopf im Sperrmodus immer auf UI (immer ergraute Taste)

Fehle ich etwas?

Answer 1

Sie können eine Schaltfläche mit CSS ausblenden, indem Sie die Klassennamen verwenden, die CKEditor für Symbolleistenschaltflächen erstellt. Versuchen Sie Folgendes (getestet mit v4.5.11):

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