Última modificación: 22 de agosto de 2025
Como desarrollador, hay veces que los editores de WYSIWYG proporcionan funciones que, cuando se usan incorrectamente, pueden dificultar el objetivo de una marca unificada y causar problemas de diseño y flujo de contenido. El Editor de texto enriquecido dentro de los módulos personalizados ahora proporciona a los desarrolladores la capacidad de eliminar componentes de la barra de herramientas de configuración a través de la propiedad enabled_features dentro del archivo fields.json.
Nota: lo siguiente se aplica a los módulos personalizados que utilizan el campo de texto enriquecido solo en desarrollo local. El uso de esta función no deshabilitará la funcionalidad de las opciones eliminadas del Editor de texto enriquecido, solo la presentación de las opciones. Esto es por razones de compatibilidad con versiones anteriores para que el contenido existente no se vea afectado.

Cómo usar enabled_features

En tu archivo fields.json donde tienes tu objeto de campo de texto enriquecido, puedes activar ciertas características agregando las opciones válidas de la barra de herramientas en una matriz a la propiedad enabled_features como se ilustra a continuación:
// Rich text field with only Bold, Link, and Image available in the Toolbar
{
  "name": "description",
  "label": "Description",
  "required": false,
  "locked": false,
  "type": "richtext",
  "default": null,
  "enabled_features": ["bold", "link", "image"]
}
El editor de contenido luego vería el editor de texto enriquecido con solo las opciones incluidas habilitadas como se ilustra en la imagen a continuación:
Nota: algunas características, como el botón “Borrar estilos” que te permite volver al estilo predeterminado para el editor, siempre estarán habilitadas y no se pueden eliminar. Si se omite la propiedad enabled_features, se mostrarán todas las características.
Un ejemplo de una barra de herramientas de RTE con funciones habilitadas.

Lista de características

A continuación se muestra una lista de características que se pueden habilitar individualmente al usar la propiedad enabled_features.

Grupos de controles

OpciónDescription
colorsControles de color de texto y color de fondo.
fontsFamilia de fuentes y controles de tamaño de fuente.
indentsControles de sangría.
listsControles de listas numeradas y con viñetas.
standard_emphasisControles de negrita, cursiva y subrayado.
advanced_emphasisControles de tachado, superíndice, subíndice y formato de código.
glyphsControles de emojis, caracteres especiales e iconos. No se admite en los módulos de correo electrónico. Para agregar el selector de emojis a los módulos de correo electrónico, usa emojis en su lugar.

Formato de texto

OpciónDescription
blockMuestra el menú desplegable del conmutador de estilo.
font_familyMuestra el menú desplegable del conmutador de fuentes.
font_sizeMuestra el menú desplegable de tamaño de la fuente.
boldMuestra el botón de negrita.
italicMuestra el botón de cursiva.
underlineMuestra el botón de subrayado.
text_colorMuestra el botón de color del texto.
background_colorMuestra el botón de color de fondo.
alignmentMuestra el botón de alineación.
bulleted_listMuestra el botón de lista con viñetas.
numbered_listMuestra el botón de listas numeradas.
lineheightMuestra el botón de altura de línea.
outdentMuestra el botón de atenuación.
indentMuestra el botón de sangría.
strikethroughMuestra el botón de tachado.
superscriptMuestra el botón de superíndice.
subscriptMuestra el botón de subíndice.
code_formatMuestra el botón de formato de código.

Insertar botones

OpciónDescription
linkMuestra el botón de enlace.
imageMuestra el botón de imagen. No se admite en los módulos de correo electrónico.
emojiMuestra el botón de emoji.
personalizeMuestra el elemento de barra de herramientas de personalización.
ctaMuestra el elemento del menú de llamada a la acción en el menú de inserción.
embedMuestra el elemento de menú de incrustación en el menú de inserción.
videoMuestra el elemento del menú de video en el menú de inserción.
tableMuestra el elemento del menú de la tabla en el menú de inserción.
charmapMuestra el elemento del menú de caracteres especiales en el menú de inserción.
anchorMuestra el elemento del menú de anclaje en el menú de inserción.
hrMuestra la posición del menú de línea horizontal en el menú de inserción.
nonbreaking_spaceMuestra el elemento de menú de espacio de no ruptura en el menú de inserción.
iconMuestra el elemento del menú de icono en el menú de inserción.

Opciones avanzadas

OpciónDescription
source_codeMuestra el elemento del menú de código fuente en el menú avanzado.
visual_blocksMuestra el elemento de menú mostrar bloques en el menú avanzado.