So deaktivieren Sie die fett Schaltfläche in CKEDITOR

Question

Ich habe mehrere Instanzen von Ckeditor auf einer Seite. Wenn var x wahr ist, möchte ich die fett Schaltfläche deaktivieren. Wenn x falsch ist, möchte ich es aktiviert lassen.

Sagen wir, ich habe 4 Instanzen:

• instance1: bold aktiviert
• instance2: bold
• instance3 aktiviert: bold deaktiviert
• instance4: bold
aktiviert

Ich habe versucht, fett Schaltfläche auf ckeditor instanceReady mit CSS zu verbergen, aber konnte nicht 't gelingt, wie ich immer falsche Elemente usw. verstecken

Ich frage mich, wenn jemand von Ihnen an ähnlichen Problem arbeitete?

Answer 1

eine CSS-Klasse erstellen:

.hide_cke_button { 
    display: none !important; 
} 

Und dann mit jQuery:

CKEDITOR.instances.editor3.on('instanceReady', function(evt) { 
    if (x) { 
     $('#cke_editor3').find('.cke_button__bold').addClass('hide_cke_button'); 
    } 
}); 

Answer 2

Sie Konfigurationsoption verwenden können Schaltflächen zu entfernen. Hier Sie haben Beispiel, wie es funktioniert: https://codepen.io/msamsel/pen/OxZBoM

CKEDITOR.replace('editor1'); 
CKEDITOR.replace('editor2', { 
    removeButtons: 'Bold' 
}); 
CKEDITOR.replace('editor3'); 
CKEDITOR.replace('editor4'); 

Und hier verlinken auf Dokumentation über Tasten Versteck: https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config-cfg-removeButtons