Vista previa en vivo
El panel derecho es el documento renderizado como HTML con estilo, actualizado en vivo mientras escribes. Los enlaces funcionan, las tablas se alinean, el código se muestra en un bloque monoespaciado, las listas de tareas obtienen casillas de verificación, y cada bloque de extensión de renderizado (ver abajo) dibuja su figura en su lugar. La vista previa es una imagen fiel de cómo se verá una exportación HTML o PDF.
Si un documento Markdown comienza con un bloque de metadatos YAML —la sección --- clave: valor --- que herramientas como Jekyll, Hugo y Obsidian colocan en la parte superior— Markzen lo renderiza como una tarjeta de metadatos ordenada encima del documento, en lugar de dejar que el --- de cierre se convierta en un encabezado suelto.
Modos de diseño
Un grupo de tres botones de la barra de herramientas establece lo que muestra la ventana:
- Vista dividida — editor y vista previa lado a lado. Arrastra el divisor para cambiar el espacio que ocupa cada uno.
- Mostrar editor — solo el editor, llenando la ventana para escribir sin distracciones.
- Mostrar vista previa — solo la vista previa, un lector limpio de ancho completo.
Tabla de contenido
El botón Tabla de contenido abre un panel creado automáticamente a partir de cada encabezado del documento (#, ##, ###, …). Haz clic en cualquier entrada para desplazar la vista previa a esa sección. Cualquier encabezado con subencabezados debajo muestra un chevron: haz clic en él para Contraer esa sección y ocultar sus encabezados anidados, o Expandir para volver a mostrarlos, de modo que puedas plegar un esquema largo hasta las partes en las que estás trabajando. Los pequeños botones 2 / 3 / 4 en el encabezado del panel limitan el esquema a esa profundidad de encabezado —útil en un documento largo cuando solo quieres ver los niveles superiores— y al hacer clic de nuevo en el activo, vuelven todos los niveles. El panel cambia de tamaño arrastrando su borde izquierdo y se colapsa para liberar espacio de lectura. Es una ayuda de navegación solo dentro de la aplicación, nunca aparece en una exportación.