Adding Plug-Ins to the Configuration File

To add plug-ins to the configuration file:

1. Add the new toolbar button to the toolbar set in the configuration file.

   This is an example of the code for the new Oracle_New_Page button:

   CKEDITOR.config.toolbar =
   [
   	['Preview','Print','-','Cut','Copy','Paste','-','Undo','Redo','-','Find','Replace', 'Oracle_New_Page']
   ]; 
   

2. Add the plug-in that hosts the new button.

   This is an example of the code:

   
                  CKEDITOR.plugins.addExternal( ''Oracle_New_Page'', CKEDITOR.config.PluginPath );
   CKEDITOR.config.plugins += ', 'Oracle_New_Page'';
   
   CKEDITOR.config.toolbar =
   [
   	['Preview','Print','-','Cut','Copy','Paste','-','Undo','Redo','-','Find','Replace', 'Oracle_New_Page']
   ]; 
   

If you are displaying the rich text editor in a limited space, you must group the editor controls using brackets [ ], as you see in this example:

config.toolbar =
[
     ['Maximize','Preview','Print'], ['Cut','Copy','Paste'], ['Undo','Redo'], ['Find','Replace'],                  
     ['HorizontalRule','Table','imageUPLOAD'],['Link','Unlink','SpecialChar'],
     ['Format','Font','FontSize'], ['Bold','Italic','Underline','Strike'],
     ['JustifyLeft','JustifyCenter'],['JustifyRight','JustifyBlock'],
     ['NumberedList','BulletedList'], ['Outdent','Indent'],
     ['TextColor','BGColor']
];

If you do not group the editor controls in this way, the application will not render the editor correctly.