1. Inicio
  2. Herramientas para desarrolladores
  3. Markdown a HTML

Convertir Markdown a HTML

Escribe o pega Markdown y obtén al instante el HTML equivalente y una vista previa. Admite títulos, listas anidadas y de tareas, enlaces, imágenes, código, tablas y citas. El HTML que escribas dentro del Markdown se escapa, así que la vista previa es segura.

Cómo convertir Markdown a HTML

  1. Escribe o pega tu Markdown: un README, una entrada de blog, notas de Obsidian o una respuesta copiada de un chat. La conversión es instantánea.
  2. Revisa el resultado en Vista previa o cambia a Código HTML para ver las etiquetas.
  3. Marca «Documento HTML completo» si quieres un archivo independiente con <!doctype>, codificación UTF-8 y título (se toma del primer encabezado). Desmárcalo para pegar el fragmento en un CMS o plantilla.

Chuleta de sintaxis admitida

MarkdownHTML generado
# Título … ###### Título<h1> … <h6> (también subrayado con === o ---)
**negrita** o __negrita__<strong>
*cursiva* o _cursiva_<em>
~~tachado~~<del>
[texto](https://… "título")<a href title>
![alt](imagen.png)<img alt loading="lazy">
`código` y bloques con ```lenguaje o sangría de 4 espacios<code>, <pre><code class="language-…">
- elemento, 1. elemento (anidables con sangría)<ul>, <ol>
- [ ] tarea / - [x] hechaCasilla de verificación desactivada
> cita<blockquote>
Tabla con | y fila |---|:--:|--:|<table> con alineación
--- en una línea<hr>
Dos espacios o \ al final de línea<br>

Para escribir un símbolo literal que Markdown interpretaría, antepón una barra invertida: \* muestra un asterisco. Las palabras con guiones bajos internos, como nombre_de_variable, no se convierten en cursiva.

Por qué el HTML crudo se escapa

El Markdown original permite incluir HTML tal cual, pero eso es peligroso cuando el texto procede de otra persona: un <img onerror=…> o un enlace javascript: ejecutaría código al mostrarse. Este conversor sigue el enfoque seguro:

  • Todo el texto se escapa: <b> aparece como texto, no como etiqueta. Si necesitas incluir HTML a propósito, añádelo después en el código generado.
  • Los enlaces e imágenes solo aceptan http:, https:, mailto:, tel: y rutas relativas; cualquier otro esquema (javascript:, data:, vbscript:) se sustituye por #.

Si vas a mostrar Markdown de usuarios en tu propia web, aplica también la sanitización en el servidor: la del navegador del autor no basta.

Ejemplo de conversión

La línea Lee la [guía](/docs/) antes de **empezar**. se convierte en:

<p>Lee la <a href="/docs/">guía</a> antes de <strong>empezar</strong>.</p>

Con «Añadir id a los títulos», ## Instalación rápida genera <h2 id="instalacion-rapida"> (sin tildes ni espacios), útil para enlazar a secciones con #instalacion-rapida.

Límites del conversor

Es un analizador propio y ligero que cubre la sintaxis habitual de CommonMark y GitHub (GFM). No admite notas al pie, listas de definiciones, enlaces por referencia ([texto][1]), fórmulas matemáticas ni HTML en bruto. En casos límite de anidación muy compleja el resultado puede diferir ligeramente del de GitHub.

Después de convertir puedes reducir el tamaño del HTML con el minificador de HTML, escapar fragmentos con entidades HTML o extraer el texto plano con HTML a texto. Para contar palabras de tu borrador usa el contador de palabras. Todo ocurre en tu navegador; tu texto no se envía a ningún servidor.

Preguntas frecuentes

¿Qué es Markdown?

Un formato de texto plano con marcas sencillas (# para títulos, ** para negrita, - para listas) que se convierte en HTML. Lo usan GitHub, foros, editores de notas y generadores de sitios estáticos.

¿Puedo incluir HTML dentro del Markdown?

En este conversor no: el HTML se escapa y se muestra como texto para que la vista previa sea segura. Si lo necesitas, añádelo después en el código HTML generado.

¿Es compatible con el Markdown de GitHub?

Cubre lo habitual de GitHub Flavored Markdown: tablas con alineación, listas de tareas, tachado y bloques de código con lenguaje. No admite notas al pie ni enlaces por referencia.

¿Cómo hago un salto de línea sin crear un párrafo nuevo?

Termina la línea con dos espacios o con una barra invertida \. Una línea en blanco, en cambio, empieza un párrafo nuevo.