Editor visual
Estado: implementado en el código de referencia 0e6c41f. Esta guía describe controles del repositorio; no acredita un despliegue concreto.
Acceso y orientación
Se necesita una sesión autenticada y un proyecto abierto. El editor obtiene páginas, metadatos, historial y sitios de useProjectSession. El hook useSiteManager es una implementación anterior y no describe el flujo activo.
| Control visible | Uso |
|---|---|
| Agregar | Insertar componentes desde la biblioteca. |
| Páginas | Abrir Administrador de página, con Páginas, Ventanas emergentes y Embudos. |
| Diseño Global | Herramientas de diseño, capas y tema. |
| Configuración y SEO | Abrir Configuraciones, gestión del proyecto y ajustes. |
| Dispositivo | Alternar Escritorio, Tableta y Móvil. |
| Publicar | Enviar una versión al proceso de publicación. |
| Vista previa | Abrir la última versión publicada; requiere una publicación existente. |
| Guía y Atajos | Consultar ayuda incorporada. |
El modo oscuro cambia la interfaz del editor. Para cambiar los colores del sitio se usan el tema y las propiedades del contenido.
Seleccionar y editar
- Pulsa un elemento del lienzo para seleccionarlo.
- Usa sus controles flotantes para abrir la propiedad necesaria: texto, enlace, apariencia, sombra, distribución o ajustes, según el componente.
- Arrastra para mover; utiliza los tiradores para redimensionar. Comprueba el dispositivo activo antes de modificar la geometría.
- Usa Ctrl + clic para añadir o quitar elementos de la selección. Arrastra un área vacía para seleccionar varios.
- Abre Diseño Global → Capas para localizar elementos superpuestos, ordenar, ocultar o bloquear.
Los paneles que incorporan encabezado de arrastre pueden moverse. El menú contextual Orden de Capa ofrece Traer al frente, Avanzar un nivel, Enviar atrás y Enviar al fondo; no es un menú general de todas las operaciones.
Historial y guardado
Deshacer: Ctrl/Cmd + Z. Rehacer: Ctrl/Cmd + Y o Ctrl/Cmd + Mayús + Z. Escape limpia la selección y cierra los editores de texto o componente correspondientes. Los campos de formulario conservan su manejo de teclado; la edición de texto tiene su propio puente al historial.
Los avisos distinguen Cambios pendientes, Guardado localmente, Sincronizando…, Guardado en la nube, Publicando…, Publicado, Error al guardar y Conflicto de versiones. Guardar un borrador y publicar son operaciones distintas. Ante un error usa Reintentar. En un conflicto, revisa antes de elegir Conservar mi versión o Cargar versión remota. El diálogo Recuperar cambios del proyecto ofrece Recuperar copia local y, cuando existe, Usar versión remota; recuperar no publica automáticamente.
Límites
La zona segura de escritorio es una guía visual, no una barrera: el lienzo admite desplazamientos fuera de ella. Un elemento bloqueado no debe utilizarse como destino de una operación de edición. Los detalles de composición y de dispositivos se explican en Distribución y Adaptación.
Evidencia
- Composición y atajos.
- Barra y ayuda incorporada.
- Estado y recuperación.
- Selección y selección por área.
- Menú de capas.
- Pruebas existentes: selección por área, lienzo libre, paneles. La presencia de estas pruebas no implica que se hayan ejecutado durante la lectura documental.