Capturing Save Button Click

Hello!

First time poster, nice to meet you all

I've started integrating the ckeditor into our web application and I'm trying to handle the submitting process but I can't for the life of me find any documentation that explains how to capture the submission! I added the save button to the instance of my editor but it is grayed out.

I figure this must be such a trivial issue since a lot of people are using the editor but I really can't seem to figure out how to do it! I basically want to call a javascript function on click since I will be doing all of this through ajax calls.

Any help is appreciated!

Mon, 11/30/2009 - 22:34

adico

Joined: 02/11/2009

Posts: 100

Re: Capturing Save Button Click

viewtopic.php?f=11&t=16384&p=41671&hilit=afterCommandExec#p41671

Mon, 11/30/2009 - 22:39

gazillion

Joined: 30/11/2009

Posts: 27

Re: Capturing Save Button Click

Ah so I need to have the divs wrapped in a form tag to have it work. Much appreciated adico!

I guess I'll have to create my own button to get the functionality I need (link inside that article that explains how).

Thanks again!

Tue, 12/01/2009 - 00:34

adico

Joined: 02/11/2009

Posts: 100

Re: Capturing Save Button Click

Not necessarily, all you need to do is listen for an afterCommandExec event. When that happens, check to see which command was pressed.

here is a sample code


CKEDITOR.plugins.add( 'adico',
{
   init : function( editor )
        {
           // afterCommandExec
            editor.on( 'afterCommandExec', function(event)
            {
             var commandName = event.data.name;
         
                       // For 'bold' commmand
                       if (commandName == 'bold')
                            alert("Bold button pressed!");
                  });
          }
      });

add this plugin to your config.js file:
config.extraPlugins = 'adico;

and that should be it.