Display alert when a button is clicked in CK Editor

Question

How can I display an alert with ckeditor if a button is pressed?

Here's the code:

$(document).ready(function () {
      $(".cke_button__bold").click(function () {
          editor.on("CKEDITOR.cke_button__bold",CKEDITOR.cke_button_on);

          function handleAfterCommandExec(evt){
                var commandName = CKEDITOR.command.cke_button__bold;
                // For 'bold' commmand
                if (commandName == 'cke_button__on')
                {
                    alert("Bold button pressed!");

                }
         }
     });
});

score 4 · Answer 1 · edited Jun 20 '20 at 09:12

4

event delegation

Event delegation allows us to attach a single event listener, to a parent element, that will fire for all descendants matching a selector, whether those descendants exist now or are added in the future.

$(document).ready(function () {
      $(document).on('click','.cke_button__bold',function () {
         if($(this).hasClass('cke_button_on'))//checking for enable only
         {
           alert("Click event occure when only enable");
         }
     });
});

Updated DEMO

edited Jun 20 '20 at 09:12

Community

1
1

answered Dec 09 '14 at 05:59

Manwal

23,450
12
63
93

thanks this function return bold button enable and disable time .i wnat only enable time – kshdgfgsjkfks Dec 09 '14 at 06:25
alignments what can i do. if it is possible – kshdgfgsjkfks Dec 09 '14 at 08:40
@AnuKrishna i don't understand. Clarify this – Manwal Dec 09 '14 at 08:51
1

This is not the right (optimum) way. You should use the [`editor#beforeCommandExec`](http://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-beforeCommandExec) event. – Reinmar Dec 09 '14 at 10:59
Ok @Reinmar why don't you show us right approach with Example. – Manwal Dec 10 '14 at 04:25
How to load ckeditor in android tablets. if any code is there – kshdgfgsjkfks Dec 11 '14 at 05:01
if ckeditor bold button enabled .then the button color can be changed what to do? pls hlp – kshdgfgsjkfks Dec 31 '14 at 06:47
How to alert the selected and unselected of ckeditor buttons – kshdgfgsjkfks Jan 16 '15 at 05:12

Display alert when a button is clicked in CK Editor

1 Answers1

event delegation

Linked