Vista previa en vivo
Vista previa HTML
Cómo usar la vista previa de Markdown
- Escribe o pega tu Markdown en el editor a la izquierda.
- La vista previa HTML se actualiza en tiempo real a la derecha mientras escribes.
- Haz clic en Copiar HTML para copiar el HTML renderizado al portapapeles.
¿Qué es Markdown?
Markdown es un lenguaje de marcado ligero creado por John Gruber en 2004. Está diseñado para ser legible como texto plano y convertirse limpiamente a HTML. Hoy es el formato estándar para archivos README, sitios de documentación, posts de blog y comentarios en GitHub, Stack Overflow, Reddit y muchas otras plataformas.
Referencia rápida de sintaxis Markdown
| Elemento | Sintaxis |
|---|---|
| Título 1 | # Título |
| Título 2 | ## Subtítulo |
| Negrita | **texto en negrita** |
| Cursiva | *texto en cursiva* |
| Enlace | [etiqueta](https://url) |
| Imagen |  |
| Código inline | `código` |
| Bloque de código | ```lenguaje ... ``` |
| Lista no ordenada | - elemento |
| Lista ordenada | 1. elemento |
| Cita | > texto citado |
| Línea horizontal | --- |
CommonMark vs GitHub Flavored Markdown
Este editor usa la biblioteca marked.js, que sigue la especificación CommonMark con extensiones de GitHub Flavored Markdown (GFM). GFM añade tablas, listas de tareas (- [x] hecho), tachado (~~texto~~) y bloques de código delimitados.
Casos de uso más habituales
- Previsualizar un README antes de hacer push a GitHub o npm
- Escribir y probar documentación para un proyecto de software
- Redactar un post de blog y copiar el HTML para pegarlo en un CMS
- Comprobar cómo se renderizará un comentario en una plataforma con soporte Markdown