Tras agregar un campo de texto grande al tipo de activo y definir el aspecto en el editor de texto enriquecido, podrá crear una barra de herramientas personalizada.
La barra de herramientas se rellena previamente con los grupos y opciones estándar, y puede consultar una vista previa de la misma.
Para personalizar la barra de herramientas, haga clic en el separador JSON y edite la configuración de JSON usando la sintaxis CKEditor. Consulte https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic.
El campo de texto grande soporta los siguientes grupos:
"basicstyles" - restringidos a negrita/cursiva/subrayado https://ckeditor.com/cke4/addon/basicstyles
"styles" - estilos de fuente https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors" - colores del texto y el fondo https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo" - deshacer/rehacer la instancia actual del editor
"links" - plugin personalizado para el cuadro de diálogo del enlace
"paragraph" - lista de viñetas/numerada y soporte de sangría
"list"
"indent"
"align" - izquierda/derecha/centro
"insert"
"image"
"table"
"cleanup" - eliminar los estilos del texto seleccionado
Además, puede utilizar la entrada de separador de fila: "/"
Nota:
Si define cualquier otro valor en la configuración del grupo de barras de herramientas, el valor se eliminará antes de crear la barra de herramientas del creador de sitios. No puede proporcionar "extraPlugins". Solo se admite la configuración "name"/"groups". Todas las entradas de "items" se ignorarán.Puede utilizar "toolbarGroups" y "removeButtons", o bien "toolbar" para las propiedades. Consulte los ejemplos siguientes.
Ejemplo 2-1 Opción 1: "toolbarGroups" y "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" }
Ejemplo 2-2 Opción 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"] } ]}