Customize the Rich-Text Editor Toolbar

After adding a large text field to the content type and setting the appearance to rich-text editor, you can customize the toolbar.

To customize the rich-text editor toolbar:

1. In the Large Text Settings dialog, on the Appearance tab, select Custom from the toolbar menu.

   The toolbar is prepopulated with the standard toolbar configuration, and you see a preview of it.

2. To customize the toolbar, click the JSON tab, and edit the JSON configuration. You can use either "toolbarGroups" and "removeButtons", or "toolbar" for the properties. See the examples below.

Example 2-1 Option 1: "toolbarGroups" and "removeButtons"

{
"toolbarGroups": [
{"name": "basicstyles"}
,
{"name": "styles"}
,
{"name": "colors"}
,
{"name": "clipboard"}
,
"/",
{"name": "links"}
,
{"name": "insert"}
,
{"name": "paragraph","groups": ["list","indent"]}
,
{"name": "align"}
,
{"name": "undo"}
,
{"name": "cleanup"}
,
{"name": "mode"}
,
{"name": "tools"}
],
"removeButtons": "Styles,Subscript,Superscript,Anchor,Blockquote,PasteFromWord,Copy,Cut"
}

Example 2-2 Option 2: "toolbar"

{
"toolbar" = [
{ "name":"basicstyles","items":["Bold","Italic","Underline","Strike","Subscript","Superscript","-","CopyFormatting","RemoveFormat"] }
,
{ "name":"paragraph","items":["NumberedList","BulletedList","-","Outdent","Indent","-","Blockquote","CreateDiv","-","JustifyLeft","JustifyCenter","JustifyRight","JustifyBlock","-","BidiLtr","BidiRtl","Language"] }
,
{ "name":"links","items":["Link","Unlink","Anchor"] }
,
{ "name":"insert","items":["Image","Flash","Table","HorizontalRule","Smiley","SpecialChar","PageBreak","Iframe"] }
,
"/",
{ "name":"styles","items":["Styles","Format","Font","FontSize"] }
,
{ "name":"colors","items":["TextColor","BGColor"] }
,
{ "name":"tools","items":["Maximize","ShowBlocks"] }
,
{ "name":"about","items":["About"] }
]}