Après avoir ajouté un champ de texte long au type de ressource et défini l'apparence sur l'éditeur de texte enrichi, vous pouvez créer une barre d'outils personnalisée.
La barre d'outils est préremplie avec les options et les groupes de la barre d'outils standard, et un aperçu est affiché.
Pour personnaliser la barre d'outils, cliquez sur l'onglet JSON, puis modifiez la configuration JSON à l'aide de la syntaxe CKEditor. Reportez-vous à https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.
Le champ de texte long prend en charge les groupes suivants :
"basicstyles" : limité au style Gras/Italique/Souligné https://ckeditor.com/cke4/addon/basicstyles
"styles" : styles de police https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors" : couleurs de texte et d'arrière-plan https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo" : annulation/rétablissement de l'instance en cours dans l'éditeur
"links" : module d'extension personnalisé pour créer un lien vers la boîte de dialogue
"paragraph" : prise en charge des listes à puces/numérotées et de la mise en retrait
"list"
"indent"
"align" : alignement à gauche/à droite/au centre
"insert"
"image"
"table"
"cleanup" : suppression de tous les styles appliqués au texte sélectionné
En outre, vous pouvez utiliser l'entrée de séparateur de ligne : "/".
Remarque :
Si vous définissez une autre valeur dans la configuration du groupe de barre d'outils, elle sera enlevée avant la création de la barre d'outils du générateur de site. Vous ne pouvez pas indiquer "extraPlugins". Seule la configuration "name"/"groups" est prise en charge. Toute entrée "items" sera ignorée.Vous pouvez utiliser "toolbarGroups" et "removeButtons", ou "toolbar" dans les propriétés. Reportez-vous aux exemples ci-dessous.
Exemple 2-1 Option 1 : "toolbarGroups" et "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" }
Exemple 2-2 Option 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"] } ]}