A Site Builder eszköztárcsoportjainak testreszabása

Az egyéni összetevőknél testre szabhatja a Site Builder eszköztárán megjelenített beépített eszköztárcsoportok másolatait.

A korlátozott készlettel rendelkező és az egyéni címkén elérhető beépített összetevőnél létrehozhatja saját változatát. A testreszabások nincsenek hatással a beépített összetevőkre.

A korlátozott készlettel rendelkező és az egyéni címkén elérhető beépített összetevőnél létrehozhatja saját változatát, de ez nem lesz hatással egyetlen beépített összetevőre sem.

Az eszköztárcsoportok határozzák meg, hogy mi jelenik meg az eszköztáron, amikor szerkesztéséhez a cím vagy a bekezdés összetevőre kattint. Eltávolíthatja és átrendezheti a cím vagy a bekezdés összetevő által támogatott elemeket, de további beépülő modulok nem megengedettek.

A Site Builder eszköztárcsoportjainak testreszabásánál azt a szintaxist kell használnia, amelyet a CKEditor használ toolbarGroups konfigurációjához. Lásd: https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.

A cím és a bekezdés összetevő a következő csoportokat támogatja:

"basicstyles" – a félkövér/dőlt/aláhúzott elemre van korlátozva https://ckeditor.com/cke4/addon/basicstyles
"styles" – betűstílusok https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors" – szöveg- és háttérszínek https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo" – az aktuális példány visszavonása/ismételt végrehajtása a CKEditor szerkesztőben
"links" – egyéni beépülő modul a hivatkozás párbeszédpanelhez
"paragraph" – felsorolásjeles/számozott lista és behúzás támogatása
- "list"
- "indent"
"align" – balra/jobbra/középre
"cleanup" – az összes stílus eltávolítása a kijelölt szövegnél

A bekezdés összetevő támogatja a kép és a táblázat beszúrási beépülő modulját is:

"insert"
- "image"
- "table"

Emellett használhatja a sorelválasztó bejegyzést:

Megjegyzés:

Ha bármilyen más értéket állít be az eszköztárcsoport konfigurációjában, az értéket eltávolítja a rendszer a Site Builder eszköztárának létrehozása előtt. "extraPlugins" nem adható meg. Csak a "name"/"groups" konfiguráció támogatott. Minden "items" bejegyzést figyelmen kívül hagy a rendszer.

Ha például meg szeretné akadályozni, hogy a felhasználók betűtípusokat, színeket, stílusokat vagy méreteket definiáljanak, az eszköztár konfigurációját az alábbiak szerint módosíthatja. Az "id" értékeinél a beépített értékektől eltérő egyéni értékeket kell megadnia.

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

Érvényesítés

Cserélje le a saját components.json fájlt az előző kóddal, majd szerkessze webhelyét (frissítse a böngészőt, ha már szerkesztést hajtott végre). Ezen a ponton a cím összetevő szerkesztésénél nem fognak megjelenni a betűstílusok és betűszínek a választáshoz. A bekezdés összetevő továbbra is megjeleníti ezeket, és az elérhető betűméretek listája a 16, 24 és 48 értékre korlátozódik.

Alapértelmezett eszköztárcsoportok

A cím és a bekezdés összetevő alapértelmezett eszköztárcsoportjai a következők:

Cím

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

Bekezdés

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