### [Cómo personalizar los iconos de TinyMCE del campo de texto enriquecido](https://wpforms.com/developers/how-to-customize-the-rich-text-field-tinymce-icons/)
**Publicado:** 22 de septiembre de 2022
**Autor:** Umair Majeed
**Extracto:** Este tutorial te mostrará cómo usar PHP para personalizar el campo de formulario del Editor de Texto Enriquecido.
**Contenido:**
¿Te gustaría personalizar qué iconos de formato aparecen en tus campos de **Texto Enriquecido**? Por defecto, WPForms muestra dos barras de herramientas con opciones de formato estándar.
Esta guía te mostrará cómo personalizar estas barras de herramientas para incluir exactamente las herramientas que tus usuarios necesitan.
Los campos predeterminados para la barra de herramientas superior son:
- Formato de Texto para marcar texto como encabezados o texto de párrafo
- Negrita
- Cursiva
- Lista con viñetas
- Lista numerada
- Cita en bloque
- Alinear a la izquierda
- Centrar
- Alinear a la derecha
- Insertar/Editar enlace
- Insertar etiqueta Leer más
- Alternar barra de herramientas (esto activa y desactiva la barra de herramientas inferior)
Los campos predeterminados para la barra de herramientas inferior son:
- Tachado
- Línea horizontal
- Color del texto
- Pegar como texto
- Borrar formato
- Carácter especial
- Disminuir sangría
- Aumentar sangría
- Deshacer
- Rehacer
- Lista de atajos de teclado (aparecerá una ventana modal con estos atajos)
En este tutorial, te mostraremos cómo usar PHP para personalizar los iconos que se mostrarán a tus visitantes.
## Configuración de tu formulario
Primero, crea un formulario y agrega un campo de **Texto Enriquecido**. Si necesitas ayuda para crear tu formulario, consulta nuestra [guía sobre cómo crear tu primer formulario](https://wpforms.com/docs/creating-first-form/).
## Personalización de los iconos de la barra de herramientas
Para modificar las opciones de formato disponibles, necesitarás agregar código PHP a tu sitio. Si no estás seguro de cómo agregar código personalizado, revisa nuestra [guía sobre cómo agregar fragmentos de código al sitio de WordPress](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).
Al personalizar cualquiera de las barras de herramientas, debes incluir TODOS los iconos que deseas mostrar. La personalización reemplazará toda la barra de herramientas con solo los iconos que especifiques.
Aquí te mostramos cómo personalizar ambas barras de herramientas:
Para personalizar las barras de herramientas:
- Para la barra de herramientas superior: Modifica la matriz en la **línea 10**
- Para la barra de herramientas inferior: Modifica la matriz en la **línea 42**
- Agrega o elimina botones según sea necesario, manteniendo el mismo formato
## Eliminación completa de las barras de herramientas
Si deseas eliminar por completo las barras de herramientas de formato, puedes hacerlo usando CSS. Si necesitas ayuda para agregar CSS a tu sitio, consulta nuestra [guía sobre cómo agregar CSS personalizado a WordPress](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/).
```
.wpforms-field .wp-editor-tabs, .wpforms-field .quicktags-toolbar {
display: none !important;
}
```
Para eliminar barras de herramientas de un formulario específico:
```
div#qt_wpforms-1000-field_25_toolbar, #wp-wpforms-1000-field_25-editor-tools {
display: none;
}
```
Reemplaza **1000** con el ID de tu formulario y **field\_25** con el ID de tu campo de Texto Enriquecido. Si necesitas ayuda para encontrar estos IDs, consulta nuestra guía sobre [cómo encontrar los IDs de formulario y campo](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/).
¡Y eso es todo lo que necesitas para personalizar el campo de formulario de Texto Enriquecido! A continuación, ¿te gustaría personalizar los iconos al usar el campo de formulario de **Calificación**? Consulta nuestra guía sobre [cómo personalizar el aspecto de los iconos de Calificación](https://wpforms.com/developers/how-to-customize-the-look-of-the-rating-icons/ "Cómo personalizar el aspecto de los iconos de Calificación") para obtener más detalles.
**Categorías:** Tutoriales
**Etiquetas:** PHP
---