Depois de adicionar um campo de texto grande ao tipo de ativo e definir a aparência como editor de rich-text, você poderá criar uma barra de ferramentas personalizada.
A barra de ferramentas é pré-preenchida com os grupos e as opções padrão e você a visualiza.
Para personalizar a barra de ferramentas, clique na guia JSON e edite a configuração de JSON usando 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 Fonte https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors" - cores do Texto e do Plano de Fundo https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo" - Desfazer/Refazer a instância atual no editor
"links" - Plug-in Personalizado para vincular caixa de diálogo
"paragraph" - lista com bullets/numerada e suporte a recuo
"list"
"indent"
"align" - esquerda/direita/centralizado
"insert"
"image"
"table"
"cleanup" - remover qualquer estilo do texto selecionado
Além disso, você pode usar a entrada do separador de linhas: "/"
Nota:
Se você definir qualquer outro valor na configuração de grupo da barra de ferramentas, o valor será removido antes da criação da barra de ferramentas do Site Builder. Você não pode fornecer "extraPlugins". Somente a configuração "name"/"groups" é suportada. Todas as entradas "items" serão ignoradas.Você pode usar "toolbarGroups" e "removeButtons" ou "toolbar" para as propriedades. Veja os exemplos a seguir.
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"] }
]}