Prispôsobenie skupín panelov s nástrojmi v generátore lokalít

V prípade vlastných komponentov môžete prispôsobiť kópie prednastavených skupín panelov s nástrojmi, ktoré sa zobrazujú na paneli s nástrojmi generátora lokalít.

Môžete vytvoriť svoju vlastnú verziu prednastaveného komponentu, ktorý má obmedzenú množinu a je k dispozícii pod vlastnou značkou. Prispôsobenia neovplyvňujú prednastavené komponenty.

Môžete vytvoriť svoju vlastnú verziu prednastaveného komponentu, ktorý má obmedzenú množinu a je k dispozícii pod vlastnou značkou. Prednastavené komponenty to však neovplyvní.

Skupiny panelov s nástrojmi definujú, čo vidíte na paneli s nástrojmi, keď pri úprave kliknete na komponent Nadpis alebo Odsek. Môžete odstrániť a zmeniť poradie pluginov podporovaných komponentom Nadpis alebo Odsek, ale ďalšie pluginy nie sú povolené.

Ak chcete prispôsobiť skupiny panelov s nástrojmi v generátore lokalít, je potrebné použiť rovnakú syntax, akú používa editor CKEditor pre svoju konfiguráciu toolbarGroups. Pozrite si časť https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.

Komponenty Nadpis a Odsek podporujú nasledujúce skupiny:

Komponent Odsek tiež podporuje pluginy vloženia obrázkov a tabuliek”

  • "insert"

    • "image"

    • "table"

Okrem toho možno použiť znak na oddelenie riadkov:

  • "/"

Poznámka:

Ak v konfigurácii panela s nástrojmi a skupín nastavíte akúkoľvek inú hodnotu, pred vytvorením panela s nástrojmi generátora lokalít bude táto hodnota odstránená. Nemožno zadať "extraPlugins". Podporovaná je len konfigurácia "name"/"groups". Všetky zadané hodnoty typu "items" budú ignorované. 

Ak napríklad chcete zabrániť používateľom v definovaní písiem, farieb, štýlov alebo veľkostí, konfiguráciu panela s nástrojmi môžete aktualizovať, ako je uvedené. Pre hodnoty "id" je potrebné zadať vlastné hodnoty, ktoré sa líšia od tých prednastavených.

[{
    "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;"
        }
    }]
}]

Overenie

Nahraďte súbor components.json predchádzajúcim kódom a potom upravte svoju lokalitu (ak ju už upravujete, obnovte prehľadávač). Keď teraz začnete upravovať komponent Nadpis, už sa nebudú zobrazovať štýly ani farby písma na výber. Komponent Odsek ich bude aj naďalej zobrazovať a zoznam dostupných veľkostí písma bude obmedzený na hodnoty 16, 24 a 48.

Predvolené skupiny panelov s nástrojmi

Predvolené skupiny panelov s nástrojmi pre komponenty Nadpis a Odsek sú uvedené nižšie:

  • Nadpis

    [{
            "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"]
        }
    ]
  • Odsek

    [{
            "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"]
        }
    ]