X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;ds=inline;f=samples%2Fplugins%2Ftoolbar%2Ftoolbar.html;fp=samples%2Fplugins%2Ftoolbar%2Ftoolbar.html;h=0000000000000000000000000000000000000000;hb=34d2dd88753d873bd36d07d9917b326fa84ac464;hp=c78b433c085c43142acd92e1bd93d7cba1339a67;hpb=a0df3d0ab0c5252b5e2e0fd274705ede834c2276;p=ckeditor.git diff --git a/samples/plugins/toolbar/toolbar.html b/samples/plugins/toolbar/toolbar.html deleted file mode 100644 index c78b433..0000000 --- a/samples/plugins/toolbar/toolbar.html +++ /dev/null @@ -1,232 +0,0 @@ - - - -
- -- This sample page demonstrates editor with loaded full toolbar (all registered buttons) and, if - current editor's configuration modifies default settings, also editor with modified toolbar. -
- -Since CKEditor 4 there are two ways to configure toolbar buttons.
- -
- You can explicitly define which buttons are displayed in which groups and in which order.
- This is the more precise setting, but less flexible. If newly added plugin adds its
- own button you'll have to add it manually to your config.toolbar
setting as well.
-
To add a CKEditor instance with custom toolbar setting, insert the following JavaScript call to your code:
- --CKEDITOR.replace( 'textarea_id', { - toolbar: [ - { name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] }, // Defines toolbar group with name (used to create voice label) and items in 3 subgroups. - [ 'Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo' ], // Defines toolbar group without name. - '/', // Line break - next group will be placed in new line. - { name: 'basicstyles', items: [ 'Bold', 'Italic' ] } - ] -});- -
- You can define which groups of buttons (like e.g. basicstyles
, clipboard
- and forms
) are displayed and in which order. Registered buttons are associated
- with toolbar groups by toolbar
property in their definition.
- This setting's advantage is that you don't have to modify toolbar configuration
- when adding/removing plugins which register their own buttons.
-
To add a CKEditor instance with custom toolbar groups setting, insert the following JavaScript call to your code:
- --CKEDITOR.replace( 'textarea_id', { - toolbarGroups: [ - { name: 'document', groups: [ 'mode', 'document' ] }, // Displays document group with its two subgroups. - { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, // Group's name will be used to create voice label. - '/', // Line break - next group will be placed in new line. - { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, - { name: 'links' } - ] - - // NOTE: Remember to leave 'toolbar' property with the default value (null). -});-
Below you can see editor with full toolbar, generated automatically by the editor.
-
- Note: To create editor instance with full toolbar you don't have to set anything.
- Just leave toolbar
and toolbarGroups
with the default, null
values.
-