Welcome to Markdown Preview
Write Markdown on the left, see the rendered result on the right.
Features
- Live preview — updates as you type
- GFM support — tables, task lists, strikethrough, and more
- Syntax highlighting — in code blocks
- File import — open .md files
- HTML export — download a standalone HTML file
Example: Code block
function greet(name: string): string {
return `Hello, ${name}! 👋`;
}
Example: Table
| Feature | Status |
|---|---|
| GFM tables | ✅ |
| Task lists | ✅ |
| Syntax highlight | ✅ |
| HTML export | ✅ |
Example: Task list
- Markdown preview
- Syntax highlighting
- PDF export (coming later)
Start editing to see the live preview!
Welcome to Markdown Preview
Write Markdown on the left, see the rendered result on the right.
Features
- Live preview — updates as you type
- GFM support — tables, task lists, strikethrough, and more
- Syntax highlighting — in code blocks
- File import — open .md files
- HTML export — download a standalone HTML file
Example: Code block
function greet(name: string): string {
return `Hello, ${name}! 👋`;
}
Example: Table
| Feature | Status |
|---|---|
| GFM tables | ✅ |
| Task lists | ✅ |
| Syntax highlight | ✅ |
| HTML export | ✅ |
Example: Task list
- Markdown preview
- Syntax highlighting
- PDF export (coming later)
Start editing to see the live preview!
¿Qué es Markdown y cómo funciona la vista previa?
Markdown es un lenguaje de marcado ligero que convierte texto plano en HTML estructurado. En lugar de escribir etiquetas, usas unos pocos signos: # para encabezados, ** para negrita, - para listas y | para tablas. El editor renderiza el código fuente con cada pulsación, así que el documento final se ve mientras escribes.
Un fragmento típico empieza por '# Release notes', que se convierte en un <h1>, después '## Fixes' pasa a ser un <h2> y '- Fixed login' un punto de lista. Una tabla al estilo GitHub usa barras verticales y una fila separadora: '| Field | Type |', luego '| --- | --- |', luego '| id | string |'. La herramienta admite esa sintaxis de tablas GFM, listas de tareas escritas como - [x], bloques de código con resaltado de lenguaje y enlaces en línea, y exporta el resultado a HTML limpio o de vuelta a Markdown.
Cómo usar la vista previa de Markdown
- Escribe o pega Markdown en el editor — la vista previa se actualiza mientras escribes.
- Cambia entre Código y vista previa, Solo código y Solo vista previa con el control de modo.
- Importa un archivo .md existente, o exporta el resultado como HTML y el origen como Markdown.
- Usa pantalla completa para documentos largos y Limpiar para empezar de nuevo.
Preguntas frecuentes sobre Markdown
¿Qué dialecto de Markdown se admite?
GitHub Flavoured Markdown (GFM) — tablas, listas de tareas, tachado, autovínculos y bloques de código — además de lo básico de CommonMark.
¿Es seguro publicar el HTML exportado?
La vista previa se renderiza localmente y la exportación contiene elementos estándar, pero revísala siempre antes de publicar y limpia el contenido de autores no fiables.
¿Puedo editar un README existente?
Sí — importa el archivo .md, edítalo en el editor y vuelve a exportarlo como Markdown. La herramienta nunca sube el contenido.
