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.
"basicstyles" - obmedzené na tučné písmo/kurzívu/podčiarknutie https://ckeditor.com/cke4/addon/basicstyles
"styles" - štýly písiem https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors" - farby textu a pozadia https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo" - odvolanie/opakovanie aktuálnej inštancie v editore CKEditor
"links" - vlastný plugin pre dialógové okno prepojenia
"paragraph" - podpora zoznamov s odrážkami/očíslovaných zoznamov a zarážok
"list"
"indent"
"align" - doľava/doprava/na stred
"cleanup" - odstránenie všetkých štýlov z vybraného textu
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"]
}
]