Přizpůsobení skupin panelu nástrojů v nástroji Site Builder

U vlastních komponent můžete přizpůsobit kopie předem definovaných skupin panelu nástrojů zobrazených na panelu nástrojů nástroje Site Builder.

Můžete vytvořit vlastní verzi předem definované komponenty, která má omezenou sadu a je dostupná prostřednictvím vlastního tagu. Žádná přizpůsobení neovlivní předem definované komponenty.

Můžete vytvořit vlastní verzi předem definované komponenty, která má omezenou sadu a je dostupná prostřednictvím vlastního tagu, ale nebude mít vliv na žádné předem definované komponenty.

Skupiny panelu nástrojů definují prvky, které uvidíte na panelu nástrojů, když kliknete na komponentu nadpis nebo odstavec, abyste ji upravili. Můžete odebrat a přeuspořádat prvky, které jsou podporovány komponentou nadpis nebo odstavec, ale další moduly plugin nejsou povoleny.

Chcete-li přizpůsobit skupiny panelu nástrojů v nástroji Site Builder, je nutné použít stejnou syntaxi, jakou používá editor CKEditor pro konfiguraci objektů toolbarGroups. Prostudujte si téma https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.

Komponenty nadpis a odstavec podporují následující skupiny:

"basicstyles" - omezeno na volby bold/italic/underline https://ckeditor.com/cke4/addon/basicstyles
"styles" - styly písem https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors" - barvy textu a pozadí https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo" - vrácení zpět / opakování aktuální instance v editoru CKEditor
"links" - vlastní modul plug-in pro odkazování na dialogové okno
"paragraph" - seznam s odrážkami nebo číslovaný seznam a podpora odsazení
- "list"
- "indent"
"align" - volby left/right/center
"cleanup" - odstranění veškerých stylů pro vybraný text

Komponenta odstavec také podporuje moduly plugin pro vkládání obrázků a tabulek.

"insert"
- "image"
- "table"

Kromě toho můžete použít oddělovač řádků:

Poznámka:

Pokud nastavíte jakoukoli jinou hodnotu v konfiguraci panel nástrojů - skupina, hodnota bude odebrána před vytvořením panelu nástrojů produktu Site Builder. Nelze zadat "extraPlugins". Podporována je pouze konfigurace "name"/"groups". Veškeré položky "items" budou ignorovány.

Pokud chcete například zabránit uživatelům v definování písem, barev, stylů nebo velikostí, můžete aktualizovat konfiguraci panelu nástrojů následujícím způsobem. Pro atributy "id" je nutné zadat vlastní hodnoty, které se liší od předem definovaných hodnot.

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

Ověřování

Nahraďte soubor components.json předchozím kódem a poté upravte svůj web (pokud již upravujete, pak aktualizujte prohlížeč). V tuto chvíli, když budete upravovat komponentu nadpis, se již nebudou zobrazovat styly písma ani barvy pro výběr. Komponenta odstavec je však bude i nadále zobrazovat a seznam dostupných velikostí písma bude omezen na 16, 24 a 48.

Výchozí skupiny panelu nástrojů

Následují výchozí skupiny panelu nástrojů pro komponenty nadpis a odstavec:

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

Odstavec

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