Depois de acrescentar um campo de texto grande ao tipo de ativo e de definir o aspeto como editor de RTF, pode criar uma barra de ferramentas customizada.
Como a barra de ferramentas é preenchida previamente com os grupos e opções da barra de ferramentas standard, verá uma pré-visualização da mesma.
Para customizar a barra de ferramentas, clique no separador JSON e edite a configuração de JSON utilizando a sintaxe CKEditor. Consulte https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.
O campo de texto grande suporta os seguintes grupos:
"basicstyles" - restrito a negrito/itálico/sublinhado https://ckeditor.com/cke4/addon/basicstyles
"styles" - Estilos de Tipos de Letra https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors" - Cores de Texto e Segundo Plano https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo" - Desfaz/refaz a instância atual no editor
"links" - Plugin customizado para ligar a caixa de diálogo
"paragraph" - lista de marcas/lista numerada e suporte de indentação
"list"
"indent"
"align" - esquerda/direita/centro
"insert"
"image"
"table"
"cleanup" - retira quaisquer estilos para o texto selecionado
Além disso, pode utilizar a entrada de separador de linhas: "/"
Nota:
Se definir outro valor na configuração do grupo de barras de ferramentas, o valor será retirado antes de a barra de ferramentas do Criador de Sites ser criada. Não pode fornecer "extraPlugins". Só é suportada a configuração "name"/"groups". Todas as entradas "items" serão ignoradas.Pode utilizar "toolbarGroups" e "removeButtons" ou "toolbar" para as propriedades. Consulte os exemplos abaixo.
Exemplo 2-1 Opção 1: "toolbarGroups" e "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" }
Exemplo 2-2 Opção 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"] } ]}