În cazul componentelor personalizate, puteţi personaliza copii ale grupurilor predefinite afişate în bara de instrumente a generatorului de site-uri.
Puteţi crea propria versiune a unei componente predefinite care are un set restrâns şi este disponibilă în tagul personalizat. Personalizările pe care le efectuaţi nu afectează componentele predefinite.
Puteţi crea propria versiune a unei componente predefinite care are un set restrâns şi este disponibilă în tagul personalizat, însă niciuna dintre componentele predefinite nu vor fi afectate.
Grupurile din bara de instrumente definesc ce vedeţi în bara de instrumente când faceţi clic pe componenta Titlu sau Paragraf pentru a o edita. Puteţi elimina sau reordona elementele acceptate de componenta Titlu sau Paragraf, însă nu sunt permise plug-inuri suplimentare.
Pentru a personaliza grupurile din bara de instrumente în generatorul de site-uri, trebuie să utilizaţi aceeaşi sintaxă pe care o utilizează CKEditor pentru configuraţia ToolbarGroups. Consultaţi https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.
"basicstyles" - restricţionat la aldin/cursiv/subliniat https://ckeditor.com/cke4/addon/basicstyles
"stiluri" - Stiluri de fonturi https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"culori" - Culorile textului şi fundalului https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"anulare" - Anulaţi/Refaceţi instanţa curentă în CKEditor
"legături" - Plugin personalizat pt. legătura cu dialogul
"paragraf" - marcator/listă numerotată şi suport indentare
"listă"
"indentare"
"aliniere" - stânga/dreapta/centru
"curăţare" - eliminaţi toate stilurile pt. textul selectat
Componenta Paragraf acceptă şi plug-inurile de inserare a imaginilor şi a tabelelor”
"inserare"
"imagine"
"tabel"
În plus, puteţi utiliza intrarea pentru separatorul de rânduri:
"/"
Notă:
Dacă setaţi orice altă valoare în configuraţia grupului pt. bara de instrumente, valoarea va fi eliminată înainte ca bara de instrumente a Generatorului de site-uri să fie creată. Nu puteţi introduce "extraPlugins". Este acceptată doar configuraţia "nume"/"grupuri". Orice intrări de "elemente" vor fi ignorate.De exemplu, dacă nu doriţi să permiteţi utilizatorilor să definească fonturi, culori, stiluri sau dimensiuni, puteţi actualiza configuraţia barei de instrumente după cum urmează. Pentru valorile "id", trebuie să specificaţi valori personalizate diferite de valorile predefinite.
[{ "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;" } }] }]
Validare
Înlocuiţi fişierul components.json
cu codul precedent, apoi editaţi site-ul (reîncărcaţi browserul dacă sunteţi deja în modul de editare). În acest moment, când editaţi o componentă Titlu, stilurile sau culorile pentru fonturi nu vor mai fi afişate, deci nu vor mai putea fi selectate. Componenta Paragraf va afişa în continuare aceste elemente, iar lista cu dimensiunile de fonturi disponibile va fi limitată la 16, 24 şi 48.
Grupuri prestabilite din bara de instrumente
Grupurile prestabilite din bara de instrumente pentru componentele Titlu şi Paragraf sunt următoarele:
Titlu
[{ "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"] } ]
Paragraf
[{ "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"] } ]