Personalizarea barei de instrumente a editorului de text formatat

După adăugarea unui câmp de text mare la tipul de resursă şi setarea aspectului la Editor de text formatat, puteţi crea o bară de instrumente personalizată.

Bara de instrumente este pre-populată cu grupurile şi opţiunile standard ale barei de instrumente şi o puteţi previzualiza.

Pentru a personaliza bara de instrumente, faceţi clic pe fila JSON şi editaţi configuraţia JSON folosind sintaxa CKEditor. Consultaţi https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.

Câmpul de text mare suportă grupurile următoare:

În plus, puteţi utiliza intrarea pt. 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.

Puteţi utiliza fie "toolbarGroups" şi "removeButtons", fie "toolbar" pt. proprietăţi. Consultaţi exemplele de mai jos.

Exemplul 2-1 Opţiunea 1: "toolbarGroups" şi "removeButtons"

{
"toolbarGroups": [
{"name": "basicstyles"}
,
{"name": "styles"}
,
{"name": "colors"}
,
{"name": "clipboard"}
,
"/",
{"name": "links"}
,
{"name": "insert"}
,
{"name": "paragraph","groups": ["list","indent"]}
,
{"name": "align"}
,
{"name": "undo"}
,
{"name": "cleanup"}
,
{"name": "mode"}
,
{"name": "tools"}
],
"removeButtons": "Styles,Subscript,Superscript,Anchor,Blockquote,PasteFromWord,Copy,Cut"
}

Exemplul 2-2 Opţiunea 2: "toolbar"

{
"toolbar" = [
{ "name":"basicstyles","items":["Bold","Italic","Underline","Strike","Subscript","Superscript","-","CopyFormatting","RemoveFormat"] }
,
{ "name":"paragraph","items":["NumberedList","BulletedList","-","Outdent","Indent","-","Blockquote","CreateDiv","-","JustifyLeft","JustifyCenter","JustifyRight","JustifyBlock","-","BidiLtr","BidiRtl","Language"] }
,
{ "name":"links","items":["Link","Unlink","Anchor"] }
,
{ "name":"insert","items":["Image","Flash","Table","HorizontalRule","Smiley","SpecialChar","PageBreak","Iframe"] }
,
"/",
{ "name":"styles","items":["Styles","Format","Font","FontSize"] }
,
{ "name":"colors","items":["TextColor","BGColor"] }
,
{ "name":"tools","items":["Maximize","ShowBlocks"] }
,
{ "name":"about","items":["About"] }
]}