Nachdem Sie dem Assettyp ein großes Textfeld hinzugefügt und für die Darstellung den Rich-Text-Editor festgelegt haben, können Sie eine benutzerdefinierte Symbolleiste erstellen.
Die Symbolleiste ist bereits mit den standardmäßigen Symbolleistengruppen und -optionen gefüllt, und eine Vorschau wird angezeigt.
Um die Symbolleiste anzupassen, klicken Sie auf die Registerkarte JSON, und bearbeiten Sie die JSON-Konfiguration mit CKEditor-Syntax. Siehe https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.
Das große Textfeld unterstützt die folgenden Gruppen:
"basicstyles": Auf Fett/Kursiv/Unterstrichen eingeschränkt https://ckeditor.com/cke4/addon/basicstyles
"styles": Schriftstile https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors": Text- und Hintergrundfarben https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo": Aktuelle Instanz im Editor rückgängig machen/wiederholen
"links": Benutzerdefiniertes Plug-in zu Linkdialogfeld
"paragraph": Unterstützung von Aufzählungsliste/nummerierter Liste und Einzug
"list"
"indent"
"align": Links/Rechts/Zentriert
"insert"
"image"
"table"
"cleanup": Stile für ausgewählten Text entfernen
Darüber hinaus können Sie das Zeilentrennzeichen "/" verwenden
Hinweis:
Wenn Sie einen anderen Wert in der Konfiguration der Symbolleistengruppe festlegen, wird der Wert vor der Erstellung der Sitebuilder-Symbolleiste entfernt. Sie können nicht "extraPlugins" angeben. Nur die "name"/"groups"-Konfiguration wird unterstützt. Alle "items"-Einträge werden ignoriert.Für die Eigenschaften können Sie entweder "toolbarGroups" und "removeButtons" oder "toolbar" verwenden. Hierzu wird auf die folgenden Beispiele verwiesen.
Beispiel 2-1 Option 1: "toolbarGroups" und "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" }
Beispiel 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"] } ]}