Páginas HTML (.html)

Un .html abierto en el árbol se convierte en una pestaña de vista previa con un motor de maquetación de verdad: flexbox, bloques flotantes, posicionamiento, media queries, degradados, variables CSS y selectores CSS3. Es lo que hace que un informe moderno —de esos que genera una IA, con tarjetas de indicadores, tabla y gráfico— se vea como en el navegador en lugar de quedar en un muro de texto.

El texto es seleccionable: arrastre para seleccionar, haga doble clic para tomar una palabra, Ctrl+A selecciona toda la página y Ctrl+C copia (el menú contextual ofrece Copiar y Seleccionar todo).

La barra superior trae el Índice (los títulos de la página; haga clic para saltar) y Buscar (Ctrl+F — resalta todas las coincidencias, F3 y Shift+F3 se mueven entre ellas, Esc cierra). El zoom salió de la barra de la pestaña: está en un solo lugar, la barra de estado, como en todas las vistas (vea Espacio de trabajo y ventanas).

Exportar PDF pagina la página en A4 con el texto vectorial — el PDF sigue siendo buscable y el texto, seleccionable. La pestaña también sigue el archivo en el disco: si regenera el informe, se actualiza solo sin perder la posición de lectura. Y una página que no eligió sus propios colores sigue el tema de la aplicación; la que definió los suyos se muestra tal como fue diseñada.

Los enlaces funcionan: un enlace a otro archivo de la misma carpeta abre ahí mismo, #ancla desplaza hasta la sección y una dirección web abre en su navegador.

Lo que no hace es JavaScript ni red — no se descarga nada. Cuando la página depende de eso (un script, <canvas>, <iframe> o un recurso remoto), aparece una franja con Abrir en el navegador. Consejo para informes: pida a la IA un HTML sin JavaScript y sin CDN, con el gráfico en SVG incrustado — así se abre completo aquí dentro. Una página con demasiados elementos anidados (más de 500 niveles) tampoco se dibuja aquí: la franja lo dice y ofrece el mismo Abrir en el navegador.

Aun así, algunas cosas responden al clic, sin ejecutar ningún script: una caja <details> se abre y se cierra desde su encabezado (y la barra suma Expandir todo cuando la página tiene alguna), un conjunto de pestañas cambia el panel visible, y hacer clic en el encabezado de una tabla ordena las filas — volver a hacer clic en la misma columna invierte el orden, y una columna de números se ordena por valor, no como texto. Cuando el par pestaña→panel no es inequívoco, no se cambia nada: la página queda tal como vino.

Dos ajustes ocurren solos, porque el motor no los tiene: display:grid y gap se convierten en el flexbox equivalente, y el <svg> incrustado se dibuja. box-shadow se ignora. Para volver al visor antiguo, desmarque Visor de HTML con maquetación completa en Configuración → General → Funciones.