Når du har lagt til et stort tekstfelt i aktivatypen og angitt redigeringsprogram for rik tekst som utseende, kan du opprette en egendefinert verktøylinje.
Verktøylinjen er forhåndsutfylt med standard verktøylinjegrupper og -valg, og du ser en forhåndsvisning av den.
Når du skal tilpasse verktøylinjen, klikker du på fanen JSON og redigerer JSON-konfigurasjonen ved hjelp av CKEditor-syntaks. Se https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.
Det store tekstfeltet støtter følgende grupper:
"basisstiler" - begrenset til fet/kursiv/understreking https://ckeditor.com/cke4/addon/basicstyles
"stiler" - skriftstiler https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"farger" - tekst- og bakgrunnsfarger https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"angre" - angre / gjør om gjeldende forekomst i redigeringsprogrammet
"koblinger" - egendefinert innpluggingsmodul for kobling av dialog
"avsnitt" - støtte for punktliste / nummerert liste og innrykk
"liste"
"innrykk"
"juster" - venstre/høyre/midtstilt
"sett inn"
"bilde"
"tabell"
"opprydding" - fjern alle stiler for valgt tekst
I tillegg kan du bruke radskilletegnet: "/"
Merknad:
Hvis du definerer en hvilken som helst annen verdi i konfigurasjonen av verktøylinjegruppen, fjernes verdien før verktøylinjen for områdebyggeren blir opprettet. Du kan ikke angi "extraPlugins". Bare konfigurasjonen "navn"/"grupper" støttes. Alle "elementer"-oppføringer ignoreres.Du kan bruke enten "toolbarGroups" og "removeButtons" eller "toolbar" for egenskapene. Se eksemplene nedenfor.
Eksempel 2-1 Valg 1: "toolbarGroups" og "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"
}Eksempel 2-2 Valg 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"] }
]}