Tilpasse værktøjslinjegrupper i Site Builder

For tilpassede komponenter kan du tilpasse kopier af køreklare værktøjslinjegrupper, der vises på Site Builder-værktøjslinjen.

Du kan oprette din egen version af en køreklar komponent, der har et begrænset sæt og er tilgængelig i det tilpassede tag. Tilpasninger påvirker ikke de køreklare komponenter.

Du kan oprette din egen version af den køreklare komponent, der har et begrænset sæt og er tilgængelig i det tilpassede tag, men det påvirker ikke nogen af de køreklare komponenter.

Værktøjslinjegrupper definerer, hvad du ser på værktøjslinjen, når du klikker på komponenten Titel eller Afsnit for at redigere den. Du kan fjerne og omarrangere det, der understøttes af komponenten Titel eller Afsnit, men yderligere plugins er ikke tilladt.

Hvis du vil tilpasse værktøjslinjegrupper i Site Builder, skal du bruge den samme syntaks, som CKEditor bruger til sin toolbarGroups-konfiguration. Se https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.

Komponenterne Titel og Afsnit understøtter følgende grupper:

"basicstyles" - begrænset til fed/kursiv/understreget https://ckeditor.com/cke4/addon/basicstyles
"styles" - Typografier https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors" - Tekst- og baggrundsfarver https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo" - Fortryd/Annuller Fortryd af den aktuelle instans i CKEditor
"links" - Tilpasset plugin til linkdialogboks
"paragraph" - understøttelse af punktopstilling/nummereret liste og indrykning
- "list"
- "indent"
"align" - venstre/højre/centrer
"cleanup" - fjern alle typografier for valgt tekst

Komponenten Afsnit understøtter også plugins til indsættelse af billeder og tabeller”

"insert"
- "image"
- "table"

Du kan desuden bruge rækkeseparatorindtastningen:

Bemærk:

Hvis du angiver en hvilken som helst anden værdi i konfigurationen af værktøjslinjegruppen, fjernes værdien, før Site Builder-værktøjslinjen oprettes. Du kan ikke angive "extraPlugins". Kun "name"/"groups"-konfigurationen understøttes. Eventuelle "items"-poster ignoreres.

Hvis du for eksempel vil forhindre dine brugere i at definere skrifter, farver, typografier eller størrelser, kan du opdatere værktøjslinjekonfigurationen på følgende måde. For "id"-værdierne skal du angive tilpassede værdier, der er forskellige fra de foruddefinerede værdier.

[{
    "name": "<category name>",
    "list": [{
        "type": "scs-title",
        "id": "<custom-value>",
        "config": {
            "toolbarGroups": [{
                    "name": "basicstyles",
                    "groups": ["basicstyles"]
                }, {
                    "name": "undo",
                    "groups": ["undo"]
                },
                "/", {
                    "name": "links",
                    "groups": ["links"]
                }, {
                    "name": "paragraph",
                    "groups": ["list", "indent"]
                },
                "/", {
                    "name": "align",
                    "groups": ["align"]
                },
                {
                    "name": "insert",
                    "groups": ["image", "table"]
                }, {
                    "name": "cleanup",
                    "groups": ["cleanup"]
                }
            ]
        }
    }, {
        "type": "scs-paragraph",
        "id": "<custom-value>",
        "config": {
            "fontSize_sizes": "16/16px;24/24px;48/48px;"
        }
    }]
}]

Validering

Erstat filen components.json med den forudgående kode, og rediger derefter dit site (opfrisk browseren, hvis du allerede er i gang med at redigere). Hvis du redigerer en titelkomponent, viser den på nuværende tidspunkt ikke de typografier eller farver, der kan vælges. Komponenten Afsnit viser fortsat disse, og listen over tilgængelige skriftstørrelser er begrænset til 16, 24 og 48.

Standardværktøjslinjegrupper

Nedenfor ses standardværktøjslinjegrupperne for Titel og Afsnit:

Titel

[{
        "name": "basicstyles",
        "groups": ["basicstyles"]
    }, {
        "name": "styles",
        "groups": ["styles"]
    }, {
        "name": "colors",
        "groups": ["colors"]
    }, {
        "name": "undo",
        "groups": ["undo"]
    },
    "/", {
        "name": "links",
        "groups": ["links"]
    }, {
        "name": "paragraph",
        "groups": ["list", "indent"]
    }, {
        "name": "align",
        "groups": ["align"]
    }, {
        "name": "cleanup",
        "groups": ["cleanup"]
    }
]

Afsnit

[{
        "name": "basicstyles",
        "groups": ["basicstyles"]
    }, {
        "name": "styles",
        "groups": ["styles"]
    }, {
        "name": "colors",
        "groups": ["colors"]
    }, {
        "name": "undo",
        "groups": ["undo"]
    },
    "/", {
        "name": "links",
        "groups": ["links"]
    }, {
        "name": "paragraph",
        "groups": ["list", "indent"]
    }, {
        "name": "align",
        "groups": ["align"]
    }, {
        "name": "insert",
        "groups": ["image", "table"]
    }, {
        "name": "cleanup",
        "groups": ["cleanup"]
    }
]