2016-09-21 1 views
0

Wie CKEditor Symbolleisten-Button-Stil als "angeklickt" (cke_button_off CSS-Klasse geändert zu cke_button_on), wenn Sie auf mein Plugin gefälschte Bild? Gibt es irgendeine Funktion oder spezielle Konfigurationsmöglichkeit?Set-Taste geklickt, wenn auf Plugin klicken gefälschte Bild

Etwas wie folgt aus:

enter image description here

+0

Sie können meine Antwort hier (nur vor ein paar Stunden) http://stackoverflow.com/questions/39619223/add-class-to-selected-image-in-ckeditor Ich denke, es kann Ihnen helfen :) – Dekel

+0

Nun, ich kann im Moment nichts sagen, weil dein Beispiel nicht funktioniert oder ich etwas nicht verstehe. Der Button kann nicht angeklickt werden, wenn man auf das falsche Bild klickt. –

+0

Das Beispiel gibt genau dieses Ding, der einzige Unterschied ist, dass dort kein Symbol ist, so dass Sie den Unterschied zwischen den aktivierten/deaktivierten Zuständen nicht sehen. – Dekel

Antwort

1

ich es mit diesem Code getan haben:

editor.on('selectionChange', function() { 
    var range = editor.getSelection().getRanges()[0]; 
    var el = editor.document.createElement('div'); 

    el.append(range.cloneContents()); 

    var $sel = $(el.getHtml()); 

    if($sel.hasClass('cke_galleries')) { 
     $('.cke_button__galleries') 
      .removeClass('cke_button_off') 
      .addClass('cke_button_on'); 
    } else { 
     $('.cke_button__galleries') 
      .addClass('cke_button_off') 
      .removeClass('cke_button_on'); 
    } 
}); 

Weiß nicht, ob es gute Praxis ist oder nicht, aber es funktioniert. Wenn jemand andere Möglichkeiten kennt, lass es mich wissen;). Die galleries Zeichenfolge in Klassen ist der Name des Plugins.

Verwandte Themen