how_to:editor_configuration_toolbars
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
how_to:editor_configuration_toolbars [2011/05/09 14:32] Connie created |
how_to:editor_configuration_toolbars [2016/09/17 19:22] (current) Carlos missing comma in custom toolbar example |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ==== Toolbars ==== | + | ====== Toolbars ====== |
| - | === Standard Toolbar === | + | You can define your own toolbar or you choose one of the predefined toolbars. |
| + | ===== Standard Toolbar ===== | ||
| + | |||
| When you enable the HTML-Editor, you will get a toolbar with a basic set of buttons: | When you enable the HTML-Editor, you will get a toolbar with a basic set of buttons: | ||
| {{:how_to:ckeditor_standard.jpg|}}\\ | {{:how_to:ckeditor_standard.jpg|}}\\ | ||
| Line 13: | Line 15: | ||
| toolbar = "['Bold', 'Italic', 'Underline', 'NumberedList', 'BulletedList','JustifyLeft','JustifyCenter','JustifyRight', 'JustifyBlock', 'Link', 'Unlink', 'Image', 'RemoveFormat', 'Source']"; | toolbar = "['Bold', 'Italic', 'Underline', 'NumberedList', 'BulletedList','JustifyLeft','JustifyCenter','JustifyRight', 'JustifyBlock', 'Link', 'Unlink', 'Image', 'RemoveFormat', 'Source']"; | ||
| - | === Advanced Toolbar === | + | ===== Advanced Toolbar ===== |
| If you want more items in the editor-toolbar, you can define the use of an //advanced toolbar// in the GetSimple-Configuration. | If you want more items in the editor-toolbar, you can define the use of an //advanced toolbar// in the GetSimple-Configuration. | ||
| Line 39: | Line 42: | ||
| don't mind that some of the buttons are very very opaque (as mentioned above in the readme), you can always define to use another editor skin. | don't mind that some of the buttons are very very opaque (as mentioned above in the readme), you can always define to use another editor skin. | ||
| - | === Custom Toolbar === | + | ===== Custom Toolbar ===== |
| As you saw already, each item in the button-bar has a specific name, "Insert/Remove Numbered Lists" corresponds with "NumberedList" for example. | As you saw already, each item in the button-bar has a specific name, "Insert/Remove Numbered Lists" corresponds with "NumberedList" for example. | ||
| Line 48: | Line 52: | ||
| The syntax will be: | The syntax will be: | ||
| # WYSIWYG toolbars (advanced, basic or [custom config]) | # WYSIWYG toolbars (advanced, basic or [custom config]) | ||
| - | define('GSEDITORTOOL',"[ | + | define('GSEDITORTOOL',"[ ] |
| | | ||
| "); | "); | ||
| Line 55: | Line 59: | ||
| I suggest to copy the advanced definition above and add additional items. | I suggest to copy the advanced definition above and add additional items. | ||
| - | === Custom Toolbar with Copy/Paste / Paste from WORD and Search/Replace === | + | ===== Custom Toolbar with Copy/Paste / Paste from WORD and Search/Replace ===== |
| - | # WYSIWYG toolbars (advanced, basic or [custom config]) | + | |
| - | define('GSEDITORTOOL'," | + | An example for an even more advanced toolbar: |
| - | ['Cut','Copy','Paste','PasteFromWord','-','Undo','Redo','Find','Replace','-','SelectAll'], | + | |
| - | ['Bold', 'Italic', 'Underline', 'NumberedList', 'BulletedList', 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock', 'Table', 'TextColor', 'BGColor', 'Link', 'Unlink', 'Image', 'RemoveFormat', 'Source'], | + | # WYSIWYG toolbars (advanced, basic or [custom config]) |
| + | define('GSEDITORTOOL',"['Cut','Copy','Paste','PasteFromWord','-','Undo','Redo','Find','Replace','-','SelectAll'], | ||
| + | ['Bold', 'Italic', 'Underline', 'NumberedList', 'BulletedList','JustifyLeft','JustifyCenter','JustifyRight', | ||
| + | 'JustifyBlock', 'Table', 'TextColor', 'BGColor', 'Link','Unlink', 'Image', 'RemoveFormat', 'Source'], | ||
| '/', | '/', | ||
| ['Styles','Format','Font','FontSize'] | ['Styles','Format','Font','FontSize'] | ||
| "); | "); | ||
| + | |||
| + | Other example | ||
| + | |||
| + | # WYSIWYG toolbars (advanced, basic or [custom config]) | ||
| + | define('GSEDITORTOOL',"['Source','Save','Cut','Copy','Paste','PasteFromWord','-','Undo','Redo','Find','Replace', | ||
| + | '-','SelectAll','-','RemoveFormat','-','Outdent','Indent','-','Blockquote','CreateDiv'], | ||
| + | ['Bold', 'Italic', 'Underline','Strike','Subscript','Superscript', 'NumberedList', | ||
| + | 'BulletedList','JustifyLeft','JustifyCenter','JustifyRight', | ||
| + | 'JustifyBlock', 'Table', 'TextColor', 'BGColor', 'Link','Unlink', 'Image'],'/',['Styles','Format','Font', | ||
| + | 'FontSize','Flash','HorizontalRule','Smiley','SpecialChar','PageBreak', | ||
| + | 'Iframe','Maximize','ShowBlocks','-','About']"); | ||
| + | |||
| This will add a new ribbon on top of the "advanced"- toolbar, adding buttons for "Copy/Paste" and "Search/Replace" to the advanced-Editor-Toolbar-Configuration.\\ Please note that not all of the above functions are supported by your browser eventually. Firefox does not support COPY and CUT, a messagebox opens when that buttons are used which suggests to use the standard-keyboard-short cuts instead. | This will add a new ribbon on top of the "advanced"- toolbar, adding buttons for "Copy/Paste" and "Search/Replace" to the advanced-Editor-Toolbar-Configuration.\\ Please note that not all of the above functions are supported by your browser eventually. Firefox does not support COPY and CUT, a messagebox opens when that buttons are used which suggests to use the standard-keyboard-short cuts instead. | ||
how_to/editor_configuration_toolbars.1304951564.txt.gz · Last modified: 2013/04/19 14:56 (external edit)
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
