Po přidání velkého textového pole k typu materiálu a nastavení vzhledu na editor formátovaného textu můžete vytvořit vlastní panel nástrojů.
Panel nástrojů má předem vytvořené standardní skupiny a volby panelu nástrojů a můžete si zobrazit jeho náhled.
Chcete-li si přizpůsobit panel nástrojů, klikněte na kartu JSON a upravte konfiguraci JSON pomocí syntaxe CKEditor. Prostudujte si téma https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.
Velké textové pole podporuje následující skupiny:
"basicstyles" - omezeno na volby bold/italic/underline https://ckeditor.com/cke4/addon/basicstyles
"styles" - styly písem https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors" - barvy textu a pozadí https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo" - vrácení zpět nebo opakování aktuální instance v editoru
"links" - vlastní modul plug-in pro odkazování na dialogové okno
"paragraph" - seznam s odrážkami nebo číslovaný seznam a podpora odsazení
"list"
"indent"
"align" - volby left/right/center
"insert"
"image"
"table"
"cleanup" - odstranění veškerých stylů pro vybraný text
Kromě toho můžete použít oddělovač řádků: "/"
Poznámka:
Pokud nastavíte jakoukoli jinou hodnotu v konfiguraci panel nástrojů - skupina, hodnota bude odebrána před vytvořením panelu nástrojů produktu Site Builder. Nelze zadat "extraPlugins". Podporována je pouze konfigurace "name"/"groups". Veškeré položky "items" budou ignorovány.Pro vlastnosti můžete použít atributy "toolbarGroups" a "removeButtons" nebo "toolbar". Podívejte se na níže uvedené příklady.
Příklad 2-1 Volba 1: "toolbarGroups" a "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" }
Příklad 2-2 Volba 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"] } ]}