Official Content

You can add a custom toolbar on the FCK HTML Editor Control; follow these configuration steps.

  • Set a name on the Custom Toolbar property for example: myToolbar.
  • Set a file name on the Custom configuration property for example: myconfig.js

Now, you need to implement the myToolbar options on the myconfig.js file; for example use the following:

CKEDITOR.config.toolbar_myToolbar =
[
   ['Source', 'Cut','Copy','Paste','PasteText','PasteFromWord'],
   ['Undo','Redo','-','Find','Replace','-','SelectAll', 'RemoveFormat'],
   ['Styles', 'Format', 'Font', 'FontSize'],
   ['TextColor','BGColor'],
   '/',
   ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
   ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
   ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'],
   ['Link', 'Unlink', 'Anchor', '-', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', '-', 'Maximize', 'ShowBlocks', '-', 'About']
] ;

Notice you need to concatenate "CKEDITOR.config.toolbar_" with your custom toolbar; then set the desired values. The expected result is

i2017_05_11_14_21_291_png

For more information check the CKEDITOR.Config documentation.

Last update: February 2024 | © GeneXus. All rights reserved. GeneXus Powered by Globant