Dopo aver aggiunto un campo di testo di grandi dimensioni al tipo di asset e aver impostato l'aspetto sul rich text editor, è possibile creare una barra degli strumenti personalizzata.
La barra degli strumenti contiene già i gruppi e le opzioni della barra degli strumenti standard e ne viene visualizzata l'anteprima.
Per personalizzare la barra degli strumenti, fare clic sulla scheda JSON e modificare la configurazione JSON utilizzando la sintassi CKEditor. Vedere https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.
Il campo di testo grande supporta i gruppi riportati di seguito.
"basicstyles": limitato a grassetto/corsivo/sottolineato - https://ckeditor.com/cke4/addon/basicstyles
"styles": stili dei caratteri - https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors": colori del testo e dello sfondo - https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo": annullamento/ripristino dell'istanza corrente nell'editor
"links": plugin personalizzato per collegare la finestra di dialogo
"paragraph": supporto per elenco puntato/numerato e indentazione
"list"
"indent"
"align": a sinistra/a destra/al centro
"insert"
"image"
"table"
"cleanup": consente di rimuovere tutti gli stili per il testo selezionato
È inoltre possibile utilizzare il carattere di separazione delle righe: "/"
Nota:
Se si imposta un altro valore qualsiasi nella configurazione dei gruppi della barra degli strumenti, il valore verrà rimosso prima della creazione della barra degli strumenti di SiteBuilder. Non è possibile fornire "extraPlugins". È supportata solo la configurazione "name"/"groups". Eventuali voci "items" verranno ignorate.È possibile utilizzare "toolbarGroups" e "removeButtons" o "toolbar" per le proprietà. Vedere gli esempi riportati di seguito.
Esempio 2-1 Opzione 1: "toolbarGroups" e "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"
}Esempio 2-2 Opzione Opzione 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"] }
]}