アセット・タイプに大きいテキスト・フィールドを追加し、リッチテキスト・エディタに外観を設定したら、カスタム・ツールバーを作成できます。
ツールバーには標準ツールバー・グループおよびオプションが事前移入されており、そのプレビューが表示されます。
ツールバーをカスタマイズするには、「JSON」タブをクリックし、CKEditor構文を使用してJSON構成を編集します。https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basicを参照してください。
大きなテキスト・フィールドでは次のグループがサポートされます。
"basicstyles" - 太字/イタリック/下線に制限されます https://ckeditor.com/cke4/addon/basicstyles
"styles" - フォント・スタイル https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors" - テキストおよび背景色 https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo" - エディタ内の現在のインスタンスを元に戻す/やり直す
"links" - ダイアログをリンクするためのカスタム・プラグイン
"paragraph" - 箇条書き/番号付きリストおよびインデントのサポート
"list"
"indent"
"align" - 左揃え/右揃え/中央揃え
"insert"
"image"
"table"
"cleanup" - 選択したテキストのスタイルの削除
また、行セパレータ・エントリを使用できます: "/"
注:
ツールバー・グループ構成に他の値を設定した場合、サイト・ビルダー・ツールバーが作成される前に値が削除されます。"extraPlugins"は指定できません。"name"/"groups"構成のみサポートされます。"items"エントリは無視されます。プロパティには、「toolbarGroups」と「removeButtons」、または「toolbar」のいずれかを使用できます。次の例を参照してください。
例2-1 オプション1: 「toolbarGroups」と「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"
}例2-2 オプション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"] }
]}