Vista previa de Markdown en vivo

Pega o escribe Markdown y mira cómo se renderiza sobre la marcha. La vista previa sigue tu cursor línea a línea, coincide con la salida de GitHub y añade lo que GitHub deja fuera: diagramas, fórmulas y alertas.

Abrir la vista previa en vivo

Gratis · sin registro · funciona en tu navegador, no se sube nada

Markdown Viewer en disposición dividida: código Markdown a la izquierda, vista previa renderizada al estilo GitHub a la derecha — Disposición dividida: el código y la vista previa renderizada uno junto al otro, con desplazamiento sincronizado línea a línea.

Revisa tu Markdown antes de publicar

Markdown es fácil de escribir y fácil de equivocar ligeramente: una línea en blanco que falta convierte una lista en un párrafo, un espacio de más rompe una tabla, cuatro espacios se convierten en un bloque de código. Una vista previa en vivo muestra el resultado de inmediato, así que corriges el formato mientras escribes en lugar de después de un commit. El renderizador sigue GitHub-Flavored Markdown, así que lo que ves aquí es cómo se verá un README, una página wiki o la descripción de un pull request.

Desplazamiento sincronizado línea a línea

La mayoría de los previsualizadores desplazan ambos paneles por porcentaje, lo que se desalinea en cuanto un documento tiene una tabla o imagen grande. Esta vista previa asigna cada bloque a su línea de origen, así que el párrafo renderizado se queda junto a la línea que editas, en ambas direcciones. Haz clic en un encabezado del esquema y ambos paneles saltan juntos.

Más allá del Markdown básico

La vista previa renderiza código delimitado con resaltado para más de 50 lenguajes, diagramas ```mermaid, fórmulas KaTeX $…$ y $$…$$, alertas de GitHub (> [!WARNING]), listas de tareas, notas al pie, códigos emoji, front matter y HTML en línea saneado como <details>. Cambia entre 16 temas para ver cómo se lee el documento en claro y oscuro, y elige texto sans, con serifas o monoespaciado. Los diagramas tienen su propia guía: la página del editor Mermaid online enumera todos los tipos de diagrama que se renderizan.

Míralo en acción

Fórmula KaTeX en modo bloque y diagrama de flujo Mermaid renderizados dentro de la vista previa — Las fórmulas KaTeX y los diagramas de flujo Mermaid se renderizan directamente en el documento.

Alertas Note, Important, Warning y Caution al estilo GitHub, una cita y una sección details plegable en el tema GitHub Dark — Alertas al estilo GitHub, citas y secciones <details> plegables, en GitHub Dark.

Bloques de código TypeScript, Python, Bash y diff con resaltado de sintaxis, etiquetas de lenguaje y botones de copiar — Los bloques de código tienen etiqueta de lenguaje, resaltado de sintaxis para más de 50 lenguajes y botón de copiar; este es el tema One Dark.

El selector de temas mostrando 16 temas claros y oscuros con muestras de color — Dieciséis temas, cada uno con su propia paleta de sintaxis, o sigue el ajuste claro/oscuro del sistema.

Cómo funciona

1
Pega o escribe Markdown en el panel izquierdo, o suelta un archivo .md.
2
El panel derecho lo renderiza en vivo; desplaza cualquiera de los lados y el otro lo sigue.
3
Copia el HTML renderizado, exporta la página o descarga el Markdown cuando se vea bien.

Qué obtienes

Renderizado instantáneo

Se actualiza en unos milisegundos incluso con documentos largos.

Fiel a GitHub

Las mismas reglas de sintaxis que los README, issues y wikis de GitHub.

Sincronización por línea

La vista previa y el código se mantienen alineados; desactívala si lo prefieres.

Diagramas y fórmulas

Mermaid y KaTeX se renderizan directamente en la vista previa.

Temas y tipografía

16 temas, tres familias de fuentes, tamaño y ancho ajustables.

Sin subidas

El renderizado ocurre en tu navegador; tu texto se queda en tu dispositivo.

Preguntas frecuentes

¿La vista previa es igual que la de GitHub?

Sigue GitHub-Flavored Markdown para encabezados, listas, tablas, listas de tareas, tachado, autoenlaces y alertas. También renderiza Mermaid, fórmulas y notas al pie, que GitHub solo admite en parte.

¿Puedo previsualizar un archivo desde una URL?

Sí: Abrir → Desde URL acepta cualquier URL de Markdown raw, y los enlaces blob o Gist de GitHub se convierten a raw automáticamente.

¿Puedo solo previsualizar, sin el editor?

Sí. Elige la disposición Vista previa para una vista de lectura a todo ancho con la barra lateral de esquema.

¿Renderiza HTML dentro de Markdown?

Sí, el HTML en línea habitual como <details>, <kbd>, <img> y <br> se renderiza; los scripts, estilos y manejadores de eventos se eliminan por seguridad.

¿Cómo obtengo el HTML renderizado?

Exportar → Copiar como HTML pone el marcado renderizado en tu portapapeles; Descargar .html guarda una página completa con el tema actual.

Herramientas relacionadas

Listo cuando tú lo estés

Pega Markdown, suelta un archivo o abre una URL: la vista previa aparece al instante y todo se queda en tu dispositivo.

Abrir Markdown Viewer