Entra Markdown, sale HTML — en vivo
Pega o escribe Markdown a la izquierda y el HTML en crudo aparece a la derecha al instante, sin botón de convertir ni recarga de página. La salida es HTML plano y sin estilos que puedes copiar directamente en un CMS, una plantilla de correo o un sitio estático. Un ejemplo rápido:
| Markdown | Salida HTML |
|---|---|
## Release Notes | <h2>Release Notes</h2> |
**bold** and *italic* | <strong>bold</strong> and <em>italic</em> |
[docs](https://example.com) | <a href="https://example.com">docs</a> |
- item | <ul><li>item</li></ul> |
Sintaxis admitida
| Elemento | Markdown |
|---|---|
| Encabezados h1–h6 | # hasta ###### |
| Negrita / cursiva / tachado | **text** / *text* / ~~text~~ |
| Código en línea | `code` |
| Bloque de código cercado | ```js … ``` → <pre><code> |
| Enlace | [text](url) |
| Lista con viñetas | - item o * item |
| Cita | > quoted line |
| Regla horizontal | --- en su propia línea |
Las tablas, las listas ordenadas y las imágenes aún no se convierten: esas líneas pasan como texto de párrafo plano, así que manéjalas a mano o en tu sistema de destino.
Párrafos y saltos de línea
El conversor sigue la lógica de bloques estándar de Markdown: una línea en blanco inicia un nuevo párrafo <p>, mientras que un salto de línea único dentro de un bloque se convierte en <br />. Si tu salida parece un párrafo gigante, te faltan líneas en blanco entre bloques: el error de formato de Markdown más común.
Consejos prácticos
- Ordena tus marcadores de énfasis: escribe
**bold**antes de anidar;***both***puede analizarse de forma inesperada en casos límite, como en la mayoría de conversores ligeros. - Espacio tras el marcador:
#Heading(sin espacio) no es un encabezado;# Headingsí. Lo mismo con-itemfrente a- itemy>quotefrente a> quote. - Escapa el HTML literal primero: el conversor no sanea la entrada, así que si tu Markdown contiene
<o&en crudo que deben mostrarse literalmente, pásalo por el codificador de HTML antes o después de convertir.
Todo corre por completo en tu navegador: no se envía nada a ningún servidor. ¿Redactas el propio contenido? Comprueba su longitud con el contador de palabras o genera relleno con el generador de lorem ipsum.