Convierte Markdown a HTML con una vista previa en vivo
Markdown te permite escribir texto con formato rápidamente usando símbolos simples, sin tener que lidiar con etiquetas HTML. Cuando necesitas el HTML (para un sitio web, un CMS que no admite Markdown, una plantilla de email o un archivo README que quieres previsualizar), este convertidor lo hace al instante. Escribe a la izquierda y ve el resultado renderizado o el código HTML limpio a la derecha. Todo sucede en tu navegador.
Características
- Vista previa en vivo que se actualiza mientras escribes.
- GitHub Flavored Markdown: tablas, listas de tareas, texto tachado, enlaces automáticos y bloques de código delimitados.
- Saltos de línea opcionales: convierte saltos de línea simples en etiquetas
<br>. - Salida de HTML limpio sin estilos en línea ni contenedores adicionales, listo para pegar en cualquier lugar.
- Descarga como página completa con una hoja de estilos simple y legible.
- Vista previa segura en un marco aislado (sandbox) que bloquea los scripts.
Guía rápida de Markdown
| Markdown | Resultado |
|---|---|
# Título 1 / ## Título 2 |
Títulos |
**negrita** / *cursiva* |
negrita / cursiva |
[enlace](https://example.com) |
Un enlace |
 |
Una imagen |
- elemento o 1. elemento |
Lista con viñetas o numerada |
> cita |
Cita en bloque |
`código` |
Código en línea |
``` en líneas antes y después |
Bloque de código |
--- |
Línea horizontal |
- [ ] tarea |
Elemento de lista de tareas (GFM) |
~~texto~~ |
Texto tachado (GFM) |
Las tablas se escriben con barras verticales (|) y una fila separadora de guiones. Los dos puntos en la fila separadora alinean las columnas: :--- izquierda, :---: centro, ---: derecha.
Usos comunes
- Blogs y CMS que aceptan HTML pero no Markdown.
- Boletines por email: escribe en Markdown y pega el HTML en tu herramienta de correo.
- Previsualización de archivos README y documentación antes de subirlos a GitHub o GitLab.
- Convertir notas de Obsidian, exportaciones de Notion u otras aplicaciones de Markdown a páginas web.
- Aprender HTML viendo qué etiquetas produce cada construcción de Markdown.
Consejos
- Deja una línea en blanco entre párrafos, listas y títulos para evitar la mayoría de las sorpresas de formato.
- Sangra los elementos de listas anidadas con dos o cuatro espacios de forma consistente.
- Añade el nombre del lenguaje después de la apertura del bloque de código (por ejemplo,
```js) para que los resaltadores de sintaxis de tu sitio puedan colorear el código.
Para contar las palabras de tu texto, usa el Contador de palabras. Para datos estructurados, el Formateador JSON valida y embellece el código JSON.