Vista previa de Markdown

Abre una vista previa markdown online, revisa el HTML renderizado y valida README, documentación o borradores mientras editas.

⌘ Se ejecuta en el navegador ◴ Sin almacenamiento de datos ⌁ Gratis

Uso básico

Vista previa de documentos Markdown y fórmulas LaTeX

La vista previa de Markdown te permite renderizar directamente en el navegador textos escritos en Markdown, como README, borradores de blog o documentación técnica.

Al introducir sintaxis básica de Markdown, como encabezados, listas, tablas, bloques de código, enlaces e imágenes, puedes ver en tiempo real el resultado convertido a HTML en la vista previa de la derecha.

En documentos con fórmulas, también puedes comprobar el renderizado de LaTeX usando fórmulas en línea como $CO_2$ o bloques con el formato $$ ... $$.

En documentos que necesitan diagramas de flujo o diagramas de secuencia, puedes usar bloques de código ```mermaid para previsualizar el resultado renderizado de diagramas Mermaid.

¿Para qué sirve?

Úsalo para revisar cómo se verá un documento escrito en Markdown antes de publicarlo, ya sea un README, documentación de desarrollo, un borrador de blog o apuntes de clase.

¿Cómo escribo fórmulas?

Escribe fórmulas cortas dentro de una frase como $E = mc^2$ y usa bloques delimitados con $$ para fórmulas que quieras mostrar centradas y con más presencia.

¿Cómo uso diagramas?

Coloca sintaxis Mermaid como flowchart o sequenceDiagram dentro de un bloque de código ```mermaid para que se renderice como diagrama en la vista previa del documento.

¿Qué puedo copiar?

Puedes copiar la vista previa como HTML o como texto enriquecido para continuar trabajando en un editor de documentos, CMS o pantalla de publicación de blog.

No es un compilador completo de documentos LaTeX, sino una herramienta de vista previa para comprobar rápidamente fórmulas y sintaxis básica dentro de Markdown.

Vista previa de Markdown Área de vista previa de Markdown

Entrada Markdown
Vista previa HTML
La vista previa de Markdown renderizada aparecerá aquí.

Cómo usarlo

  1. 1 Escribe o pega Markdown en el editor de entrada.
  2. 2 Revisa encabezados, listas, bloques de código y enlaces en la vista previa en vivo.
  3. 3 Edita el Markdown y vuelve a revisar la vista previa.
  4. 4 Usa copiar HTML cuando necesites el marcado renderizado.

Casos de uso comunes

  • Previsualizar README y documentación en Markdown
  • Revisar el renderizado de listas y bloques de código
  • Convertir Markdown a HTML renderizado para copiar

Preguntas frecuentes

¿Qué sintaxis Markdown puedo previsualizar?

El analizador integrado renderiza encabezados, saltos de línea de párrafo, listas ordenadas y sin ordenar, citas, bloques de código, tablas, enlaces, imágenes, énfasis básico, fórmulas LaTeX en línea o en bloque y bloques de código Mermaid como vista previa HTML.

¿Puedo copiar el HTML de Markdown?

Sí. Puedes copiar el HTML renderizado en el área de vista previa. No incluye una acción separada para copiar el texto Markdown original.

¿La vista previa se actualiza automáticamente?

Sí. La vista previa markdown se actualiza al instante cuando escribes o pegas Markdown.

Flujo relacionado