De werkbalk 'RTF-editor' aanpassen

Nadat u een groot tekstveld aan het activumtype hebt toegevoegd en de weergave ervan hebt ingesteld op de RTF-teksteditor, kunt u een aangepaste werkbalk maken.

De werkbalk is vooraf ingevuld met de groepen en opties van de standaardwerkbalk. U ziet er een voorbeeld van.

Als u de werkbalk wilt aanpassen, klikt u op het tabblad JSON en bewerkt u de JSON-configuratie met de CKEditor-syntaxis. Zie voor meer informatie: https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.

Het grote tekstveld biedt ondersteuning voor de volgende groepen:

Bovendien kunt u het rijscheidingsteken gebruiken: "/"

Opmerking:

Als u een andere waarde instelt in de configuratie van de groepswerkbalk, wordt deze waarde verwijderd voordat de werkbalk van de sitebuilder wordt gemaakt. U kunt geen "extraPlugins" leveren. Alleen de configuratie "name"/"groups" wordt ondersteund. Alle "items"-invoer wordt genegeerd.

Voor de eigenschappen kunt u zowel 'toolbarGroups' en 'removeButtons' als 'toolbar' gebruiken. Zie de onderstaande voorbeelden.

Voorbeeld 2-1 Optie 1: 'toolbarGroups' en '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"
}

Voorbeeld 2-2 Optie 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"] }
]}