> ## Documentation Index > Fetch the complete documentation index at: https://docs.tangerinelearning.com/llms.txt > Use this file to discover all available pages before exploring further. # Interfaz del editor > Zonas del editor Mint, acciones sobre bloques y filas, vista previa y guardado automático ## Descripción El editor Mint se abre a pantalla completa sobre el programa digital. Es un editor visual: lo que se ve en el área central es la página tal y como la verá el alumno, con controles de edición que aparecen al pasar el cursor por cada bloque. Esta página describe la interfaz del editor en el **backoffice**. El docente usa el mismo editor con un conjunto reducido de opciones, que se detalla en [Mint para el docente](https://docs.tangerinelearning.com/herramientas-autor/mint/mint-docente.md). ![Vista general del editor Mint con la cabecera, la barra de la sección y un bloque seleccionado con sus controles](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/interfaz/editor-vista-general.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=afe7e91c4758c586bbed2f980f5ae734) El editor se organiza en cinco zonas: | Zona | Ubicación | Función | | - | - | - | | **Cabecera** | Franja superior | Título de la página, configuración general y cierre del editor | | **Barra de la sección** | Flotante, arriba a la izquierda | Audios, páginas del libro, deshacer/rehacer y layout | | **Área de contenido** | Centro | Los bloques de la página, editables en el sitio | | **Paleta de bloques** | Debajo del último bloque | Acceso rápido a los bloques más habituales | | **Pie** | Franja inferior | Estado del guardado, botón **Guardar** y **Previsualizar** | *** ## Cabecera * **Título**: al hacer clic sobre el nombre de la página se edita directamente. Una página nueva se crea como *Página html sin título*. * **Configuración general** (icono de engranaje): abre el panel con el título, la descripción, a quién va dirigida la página y si está oculta para los estudiantes. Se describe en [Crear y gestionar páginas](https://docs.tangerinelearning.com/herramientas-autor/mint/gestion-paginas.md#configuración-general). * **Cerrar** (✕): cierra el editor y vuelve a los contenidos del programa. Se desactiva mientras hay cambios pendientes de guardar o un guardado en curso, para evitar perder trabajo. *** ## Barra de la sección Los bloques de la página viven dentro de una **sección**, que tiene su propia barra de opciones: ![Barra de la sección con el micrófono de audios, el campo Páginas, deshacer, rehacer, editar layout y borrar layout](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/interfaz/barra-seccion.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=f1c09c71bcce7f02ac83c2cd519a5489) | Elemento | Función | | - | - | | **Audios** (micrófono) | Asocia audios de narración a uno o varios bloques. Ver [Audios y accesibilidad](https://docs.tangerinelearning.com/herramientas-autor/mint/audios-accesibilidad.md) | | **Páginas** | Campo libre para indicar las páginas del libro impreso o PDF a las que corresponde el contenido (por ejemplo, `12, 13`) | | **Deshacer / Rehacer** | Revierte o recupera los últimos cambios. También con `Ctrl+Z` y `Ctrl+Y` (`Cmd` en Mac) | | **Editar layout** (lápiz) | Ajusta el ancho de la página y su fondo. Ver [Diseño y layout](https://docs.tangerinelearning.com/herramientas-autor/mint/diseno-pagina.md) | | **Borrar layout** (papelera) | Vacía la sección por completo. Pide confirmación porque se pierde todo el contenido | Si una página tiene varias secciones, la barra incluye además **Subir**, **Bajar**, **Duplicar** y **Borrar** para cada una. En la página vacía, el botón flotante **+** añade una sección nueva. > [!NOTE] > > Audios, Páginas, Deshacer/Rehacer y las opciones de layout dependen de la configuración del entorno, por lo que pueden no aparecer en todas las instalaciones. Ver [Configuración y disponibilidad](https://docs.tangerinelearning.com/herramientas-autor/mint/configuracion-entorno.md). *** ## Añadir bloques ### Paleta de acceso rápido Debajo del último bloque, la paleta ofrece los bloques más usados con un clic. En una sección vacía aparece con el texto **Añade tu primer bloque**. ![Sección vacía con el texto Añade tu primer bloque y la paleta: Todos, Cabecera, Párrafo, Imagen, Actividad, Gráfico, Proceso, Lista, Acordeón y Notas para el profesorado](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/interfaz/pagina-vacia.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=3c6b4de243dd162ff1a34066cd920163) | Botón | Inserta | | - | - | | **Todos** | Abre la [Biblioteca de bloques](https://docs.tangerinelearning.com/herramientas-autor/mint/biblioteca-bloques.md) completa | | **Cabecera**, **Párrafo** | Bloques de texto | | **Imagen** | Imagen centrada | | **Actividad** | Actividad única | | **Gráfico** | Gráfico etiquetado | | **Proceso** | Proceso paso a paso | | **Lista** | Lista con viñetas | | **Acordeón** | Acordeón | | **Notas para el profesorado** | Nota visible solo para docentes | ### Botones + entre bloques Al pasar el cursor por un bloque aparecen botones **+**: * **Debajo del bloque**: inserta un bloque nuevo a continuación, abriendo la Biblioteca de bloques. * **A izquierda y derecha** (cuando el layout en columnas está disponible): crea una **columna** nueva junto al bloque. Una fila admite hasta **4 columnas**. *** ## Acciones sobre bloques y filas Al pasar el cursor por un bloque, el editor muestra dos grupos de acciones: las del **bloque** (arriba a la derecha) y las de la **fila** que lo contiene (icono de opciones en el margen derecho). ![Bloque seleccionado con borde morado, barra de acciones arriba a la derecha y botones + a izquierda, derecha y debajo](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/interfaz/acciones-bloque.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=3b382f37f4513384f875e7f1ad013a51) > [tab] Acciones del bloque > > | Acción | Función | > | - | - | > | **Editar** (lápiz) | Abre el panel lateral del bloque con las pestañas **Contenido** y **Opciones** | > | **Sustituir por bloque compatible** | Cambia el tipo de bloque conservando el contenido (por ejemplo, de *Párrafo* a *Nota*). Solo aparece si el bloque tiene tipos compatibles | > | **Mover a la izquierda / derecha** | Reordena el bloque entre las columnas de su fila | > | **Duplicar** | Crea una copia del bloque junto al original | > | **Configuración académica** | Solo en actividades: intentos y si cuenta para nota. Ver [Actividades](https://docs.tangerinelearning.com/herramientas-autor/mint/bloques/actividades.md) | > | **Borrar** | Elimina el bloque | > [tab] Acciones de la fila > > | Acción | Función | > | - | - | > | **Editar** | Abre la **Configuración de fila**: ancho, márgenes y color de fondo | > | **Subir / Bajar** | Mueve la fila completa dentro de la página | > | **Duplicar** | Copia la fila con todos sus bloques | > | **Borrar** | Elimina la fila y sus bloques | Los bloques no se arrastran por el lienzo: se reordenan con **Subir** y **Bajar** de su fila. El arrastre sí está disponible dentro de los paneles laterales, para reordenar elementos de un bloque (los apartados de un acordeón, las diapositivas de un carrusel, los pasos de un proceso…). ### Panel lateral del bloque **Editar** abre un panel a la izquierda con dos pestañas: > [tab] Contenido > > Los campos propios del bloque: textos, imágenes, elementos de una lista, etc. Cada tipo de bloque tiene los suyos, descritos en la [Biblioteca de bloques](https://docs.tangerinelearning.com/herramientas-autor/mint/biblioteca-bloques.md). > > ![Panel lateral de un bloque Párrafo con subcabecera en la pestaña Contenido, con los campos Subtítulo y Párrafo](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/interfaz/panel-bloque-contenido.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=61ae63c5fc9e40013040291ad045918f) > [tab] Opciones > > Ajustes de presentación comunes a casi todos los bloques: ancho de columna, márgenes, visibilidad solo para el docente, color de fondo y contenido emergente. Se describen en [Diseño y layout](https://docs.tangerinelearning.com/herramientas-autor/mint/diseno-pagina.md#opciones-de-cada-bloque). > > ![Pestaña Opciones de un bloque con ancho de columna, márgenes, visibilidad y color de fondo](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/interfaz/panel-bloque-opciones.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=da9d2c56c6f9e14d1b46c1cb376df519) Los cambios del panel se aplican al momento en el área de contenido. ### Sustituir por un bloque compatible **Sustituir por bloque compatible** abre el panel **Cambiar a** con los tipos a los que se puede convertir el bloque, agrupados por categoría. Al elegir uno, el contenido se traslada al nuevo formato. ![Panel Cambiar a con las categorías Texto y Notas y las variantes Notas para el profesorado, Nota y Declaración A](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/interfaz/sustituir-bloque.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=d4fb761ac5ad1e758e84db7a700c4aa7) | Bloque de origen | Se puede convertir en | | - | - | | Bloques de texto y notas | Cualquier otro bloque de texto o nota (párrafos, cabeceras, dos columnas, notas, declaraciones) | | Listas | La otra variante de lista | | Imágenes y galerías | Otra imagen o galería | | Acordeón | Pestañas, y viceversa | | Divisor | Espaciador, y viceversa | Audio, vídeo, embebido, los bloques interactivos de imagen, el gráfico etiquetado, el proceso, la línea de tiempo y las actividades **no tienen** tipos compatibles. ### Borrar y deshacer Borrar un bloque no pide confirmación. En su lugar, aparece un aviso **Bloque eliminado** con el botón **Deshacer**, que lo recupera en su posición. ![Aviso Bloque eliminado con el botón Deshacer en la parte inferior del editor](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/interfaz/deshacer-borrado.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=5294dbaaff9f695d5a6fe975fe8e6722) *** ## Vista previa **Previsualizar** (abajo a la derecha) muestra la página sin herramientas de edición, tal como la verá el alumno. Antes de entrar en la vista previa, el editor guarda los cambios pendientes. El botón pasa a llamarse **Editar** para volver al modo de edición. ![Vista previa de la página Los números naturales sin controles de edición y con el botón Editar en el pie](https://mintcdn.com/oneclick-54482bfb/3eCy3NVCXcP-wq1t/assets/screenshots/herramientas-autor/mint/interfaz/vista-previa.png?fit=max\&auto=format\&n=3eCy3NVCXcP-wq1t\&q=85\&s=6a528a93c42da8e30eec827ee167c39c) > [!NOTE] > > La vista previa se muestra con los permisos del editor: las **Notas para el profesorado** y los bloques marcados como *Solo para el docente* aparecen, aunque el alumno no los verá. Ver [Lo que ve el alumno](https://docs.tangerinelearning.com/herramientas-autor/mint/experiencia-alumno.md). *** ## Guardado automático El editor guarda solo: cada pocos segundos, si hay cambios, los envía al servidor. El indicador de la esquina inferior izquierda muestra el estado: | Indicador | Significado | | - | - | | **Pendiente de guardar...** | Hay cambios que aún no se han guardado | | **Guardando...** | El guardado está en curso | | **Guardado** | Los cambios se han guardado (el texto desaparece a los pocos segundos y queda solo el icono de la nube) | El botón **Guardar** del pie fuerza un guardado inmediato, útil antes de salir. > [!WARNING] > > Si el guardado falla varias veces seguidas, el editor muestra el diálogo **Problema al guardar** e informa de que los últimos cambios no se están guardando. Salir en ese momento (**Salir sin guardar**) descarta esos cambios. Es preferible cancelar, comprobar la conexión y esperar a que el indicador vuelva a **Guardado**. Si se intenta salir del programa con cambios sin guardar, el sistema pide confirmación (*No has guardado tus cambios*). *** ## Situaciones especiales > [accordion] ¿Qué ocurre si dos personas editan la misma página a la vez? > > El editor no bloquea la página mientras alguien la edita. Si dos usuarios trabajan sobre ella simultáneamente, el último guardado sobrescribe al anterior. Conviene coordinar la edición dentro del equipo. > [accordion] ¿Existe un historial de versiones? > > No. Deshacer y rehacer solo funcionan durante la sesión de edición. Para conservar una versión antes de hacer cambios grandes, se puede [duplicar la página](https://docs.tangerinelearning.com/herramientas-autor/mint/gestion-paginas.md). > [accordion] ¿Se pueden mover bloques arrastrándolos? > > No en el área de contenido: se mueven con **Subir** y **Bajar** (filas) o **Mover a la izquierda/derecha** (columnas). El arrastre solo se usa para reordenar elementos dentro del panel lateral de un bloque. > [accordion] ¿Por qué no puedo editar una página que sí puedo ver? > > Lo más probable es que el usuario no tenga **licencia Mint**. Sin licencia, el editor se abre en modo de solo lectura. Ver [Configuración y disponibilidad](https://docs.tangerinelearning.com/herramientas-autor/mint/configuracion-entorno.md). *** ## Relacionado > [card] [Biblioteca de bloques](https://docs.tangerinelearning.com/herramientas-autor/mint/biblioteca-bloques.md) > > Todos los bloques y sus opciones. > [card] [Diseño y layout](https://docs.tangerinelearning.com/herramientas-autor/mint/diseno-pagina.md) > > Filas, columnas, márgenes y fondos. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.