> For the complete documentation index, see [llms.txt](https://academy.trowelapp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://academy.trowelapp.com/soporte/editor-de-texto-enriquecido.md).
# Editor de texto enriquecido
El editor de texto enriquecido permite preparar contenido con formato para plantillas, presupuestos y entradas de texto de las actas de obra. La mayoría de las acciones se aplican al texto seleccionado. Si no hay una selección, se aplican al texto que escribas a continuación o al párrafo donde está el cursor.
La barra se divide en dos filas. Cuando seleccionas una imagen o colocas el cursor dentro de una tabla aparece una barra adicional con herramientas específicas.
{% hint style="info" %}
Al dejar el puntero sobre un botón aparece su nombre. Los botones con un fondo marcado indican que la opción está activa en la selección actual.
{% endhint %}
## Tamaño y uso de mayúsculas
| Icono | Opción | Qué hace |
| ---------------------------------------------------------- | ----------------------------------- | ------------------------------------------------------------------------------------------------- |
| 12 | **Tamaño de fuente** | Aplica al texto un tamaño en puntos. Puedes elegir un valor de la lista o escribirlo en el campo. |
| :thin::thin: | **Aumentar tamaño** | Pasa al siguiente tamaño disponible. |
| :thin::thin: | **Reducir tamaño** | Pasa al tamaño anterior. |
| :light: | **Cambiar mayúsculas y minúsculas** | Transforma el texto seleccionado sin tener que volver a escribirlo. |
El menú de mayúsculas y minúsculas ofrece estas transformaciones:
* **Tipo oración:** pone en mayúscula la primera letra de cada oración.
* **minúscula:** convierte todas las letras a minúsculas.
* **MAYÚSCULAS:** convierte todas las letras a mayúsculas.
* **Poner En Mayúsculas Cada Palabra:** pone en mayúscula la primera letra de cada palabra.
* **Alternar mayúsculas y minúsculas:** invierte el uso actual de mayúsculas y minúsculas.
## Listas, sangría y párrafos
| Icono | Opción | Qué hace |
| ---------------------------------------------------------- | -------------------------- | ----------------------------------------------------------------------------- |
| :thin: | **Lista con viñetas** | Crea una lista sin numeración o quita la lista de los párrafos seleccionados. |
| :thin: | **Lista numerada** | Crea una lista ordenada o quita la numeración. |
| :thin: | **Disminuir sangría** | Acerca el párrafo o el elemento de lista al margen izquierdo. |
| :thin: | **Aumentar sangría** | Desplaza el párrafo o el elemento de lista hacia la derecha. |
| :thin: | **Alinear a la izquierda** | Coloca el texto contra el margen izquierdo. |
| :thin: | **Centrar** | Centra el párrafo. |
| :thin: | **Alinear a la derecha** | Coloca el texto contra el margen derecho. |
| :thin: | **Justificar** | Ajusta el texto a ambos márgenes. |
| :thin::thin: | **Espaciado de líneas** | Cambia el interlineado entre `1,0`, `1,15`, `1,5`, `2,0`, `2,5` y `3,0`. |
| :thin: | **Borde de párrafo** | Añade o quita un borde alrededor de los párrafos seleccionados. |
La sangría de una lista cambia su nivel. En una lista numerada también puede cambiar el tipo de numeración que corresponde a ese nivel.
## Formato del texto
| Icono | Opción | Qué hace |
| ----------------------------- | ------------------- | ------------------------------------------------------------------------------------------------------------- |
| :thin: | **Negrita** | Aumenta el peso del texto. |
| :thin: | **Cursiva** | Inclina el texto. |
| :thin: | **Subrayado** | Abre un menú con subrayado simple, doble, punteado, discontinuo y ondulado. **Ninguno** elimina el subrayado. |
| :thin: | **Tachado** | Traza una línea sobre el texto. |
| :thin: | **Subíndice** | Coloca caracteres pequeños por debajo de la línea, como en una fórmula química. |
| :thin: | **Superíndice** | Coloca caracteres pequeños por encima de la línea, como en una potencia. |
| :thin: | **Color de fuente** | Cambia el color del texto. |
| :thin: | **Color de fondo** | Resalta el texto con un color de fondo. |
Los dos menús de color incluyen una paleta, una opción para quitar el color y un campo para introducir un color personalizado. Puedes escribirlo en formato hexadecimal, por ejemplo `#0051a2`, o RGB, por ejemplo `rgb(0, 81, 162)`.
Los formatos son independientes. Por ejemplo, quitar la negrita no elimina la cursiva ni el color del mismo texto.
## Enlaces
| Icono | Opción | Qué hace |
| ----------------------------------- | ---------------------------- | ------------------------------------------------------------------------------ |
| :duotone: | **Insertar o editar enlace** | Convierte la selección en un enlace o modifica el enlace donde está el cursor. |
| :duotone: | **Abrir enlace** | Abre en otra pestaña el enlace seleccionado. |
| :duotone: | **Eliminar enlace** | Conserva el texto y elimina el vínculo. |
Para crear un enlace, selecciona el texto, pulsa **Insertar o editar enlace** y escribe la dirección completa. Si el cursor no está dentro de un enlace, los botones de abrir y eliminar no tienen ningún efecto.
## Imágenes
Pulsa **Insertar imagen** y elige un archivo JPEG, PNG, GIF o WebP. La imagen se guarda dentro del contenido, por lo que no depende de una dirección externa.
Al seleccionar una imagen aparece una barra inferior:
| Icono | Opción | Qué hace |
| --------------------------------------------------------------------------------------- | ---------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- |
| :duotone: | **Insertar imagen** | Abre el selector de archivos para añadir una imagen al documento. |
| :thin: | **Reemplazar imagen** | Cambia el archivo sin tener que borrar y volver a insertar la imagen. |
| :thin::thin::thin: | **Alinear a la izquierda, centrar o alinear a la derecha** | Cambia la posición horizontal. |
| :thin: | **En línea** | Coloca la imagen dentro de la misma línea del texto. |
| :thin: | **Como bloque** | Reserva una línea completa para la imagen. Es la opción más previsible para documentos que se imprimirán. |
| :thin: | **Pie de imagen** | Añade o quita un texto descriptivo debajo de la imagen. |
| :thin: | **Editar, abrir o eliminar enlace** | Gestiona un enlace asociado a la imagen. |
| :thin::thin: | **Alto y ancho** | Ajusta las dimensiones en milímetros. |
| :thin: | **Mantener proporción** | Al cambiar una dimensión, calcula la otra para evitar que la imagen se deforme. |
| :thin: | **Texto alternativo** | Añade una descripción para accesibilidad y para los casos en los que la imagen no pueda cargarse. |
| :thin: | **Eliminar imagen** | Quita la imagen y su pie. |
El bloqueo de proporción está activado por defecto. Desactívalo únicamente si necesitas indicar el alto y el ancho de forma independiente.
## Tablas
Pulsa **Insertar tabla** y desplaza el puntero por la cuadrícula. Las celdas marcadas indican las filas y columnas que se crearán. Haz clic para insertar la tabla.
Cuando el cursor está dentro de una tabla aparece una barra inferior:
| Icono | Opción | Qué hace |
| ---------------------------------------------------------- | --------------------------------------- | -------------------------------------------------------------------------------------------- |
| :duotone: | **Insertar tabla** | Abre la cuadrícula para elegir el número inicial de filas y columnas. |
| :thin: | **Fila de encabezado** | Añade una cabecera semántica a la tabla. |
| :thin: | **Fila de pie** | Añade una fila final diferenciada. |
| :thin::thin: | **Fila arriba / fila abajo** | Inserta una fila junto a la celda actual. |
| :thin::thin: | **Columna izquierda / columna derecha** | Inserta una columna junto a la celda actual. |
| :thin: | **Eliminar fila / eliminar columna** | Elimina la fila o la columna de la celda actual. |
| :thin: | **Color de celda** | Aplica un fondo a la celda seleccionada. |
| :thin: | **Alineación horizontal** | Alinea el contenido a la izquierda, al centro o a la derecha. |
| :thin: | **Alineación vertical** | Coloca el contenido arriba, centrado o abajo dentro de la celda. |
| :thin: | **Bordes de celda** | Permite usar todos los bordes, solo los exteriores o interiores, un lado concreto o ninguno. |
| :thin::thin: | **Eliminar tabla** | Quita la tabla completa. |
Puedes ajustar el ancho de las columnas y el alto de las filas arrastrando sus límites. Antes de eliminar una fila, una columna o la tabla, comprueba que el cursor está en el elemento correcto.
## Acciones del documento
| Icono | Opción | Qué hace |
| ----------------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
| :thin: | **Deshacer** | Revierte el último cambio realizado en el editor. |
| :thin: | **Rehacer** | Recupera un cambio que acabas de deshacer. |
| :duotone: | **Mostrar u ocultar límites A4** | Enseña una referencia del área de impresión cuando el documento admite esta vista. No recorta el contenido. |
| :thin: | **Copiar diseño por defecto** | Inserta el diseño base en los editores donde esta opción está disponible. Si ya existe contenido, Trowel pide confirmación antes de reemplazarlo. |
| :thin: | **Ver código HTML** | Alterna entre el documento visual y su HTML. Está pensada para usuarios que necesitan revisar o pegar código compatible. |
| :thin: | **Maximizar o minimizar** | Amplía el editor para usar el espacio disponible y después recupera su tamaño anterior. |
## Vista HTML
La vista HTML permite revisar el código guardado. Al volver a la vista visual, Trowel valida el contenido y elimina elementos que puedan resultar inseguros. Si el código está incompleto o contiene HTML no permitido, el editor muestra un aviso y conserva el texto para que puedas corregirlo.
{% hint style="warning" %}
No pegues páginas HTML completas, scripts ni estilos globales. Utiliza fragmentos de contenido con etiquetas habituales como párrafos, listas, tablas, imágenes y formatos de texto.
{% endhint %}
## Preparar contenido para PDF
La referencia A4 permite ver dónde termina una página, pero el resultado también depende de los márgenes y de la estructura del documento donde se inserta el contenido. Revisa el PDF antes de dar el diseño por terminado.
Para obtener un resultado más estable:
* usa imágenes **Como bloque** cuando deban ocupar una línea completa;
* indica sus dimensiones en milímetros y mantén la proporción;
* evita párrafos vacíos al final del contenido;
* utiliza las herramientas de tabla en lugar de espacios para formar columnas;
* guarda y vuelve a abrir el contenido antes de generar la versión definitiva.
Puedes encontrar el editor en [Plantillas](/administracion/configuracion/plantillas.md) y en las [entradas de texto de las actas de obra](/proyectos/actas-de-obra/contenido-del-acta.md).