Convertidor de Markdown a HTML

Convierte Markdown a HTML limpio mientras escribes. Pega el Markdown o abre un archivo .md, revisa el resultado en la vista previa y luego copia el código HTML o descarga una página HTML completa.

Tus archivos no salen de tu dispositivo. Todo funciona en tu navegador.

Cómo funciona

  1. Escribe o abreEscribe en el cuadro de la izquierda, pega texto o abre un archivo .md. La vista previa de la derecha se actualiza mientras escribes.
  2. Da formatoUsa la barra de herramientas o los atajos para negrita, enlaces, listas, listas de tareas, tablas y bloques de código.
  3. ExportaDescarga una página HTML completa, copia el código HTML, copia el texto con formato o guarda el Markdown como archivo .md.

HTML limpio y sin añadidos

El convertidor escribe HTML semántico y sencillo: de h1 a h6 para los encabezados, p para los párrafos, ul, ol y li para las listas, table con thead y tbody para las tablas, pre y code para los bloques de código. No hay divs envolventes ni estilos en línea, y las clases solo aparecen donde tienen sentido, así que el código encaja en cualquier plantilla y toma el aspecto de tu propia hoja de estilos.

Elige HTML en Mostrar para ver cómo cambia el código mientras editas. Copiar HTML copia el fragmento para un CMS o una plantilla de correo, y Descargar HTML guarda una página independiente con un título tomado del primer encabezado y un estilo ligero para leer.

Qué se convierte

Los encabezados reciben atributos id que coinciden con las anclas de GitHub, las columnas de las tablas mantienen su alineación, los elementos de las listas de tareas se convierten en casillas y los bloques de código delimitados conservan su lenguaje como una clase del tipo language-js, que reconocen resaltadores de sintaxis como Prism o highlight.js. El HTML inseguro del original se elimina durante la conversión.

Sobre Markdown

Markdown es un formato de texto plano con marcas sencillas para dar formato, como # para los encabezados y ** para la negrita. Se usa en archivos README, documentación, wikis, aplicaciones de notas y muchos foros.

Sobre HTML

HTML es el lenguaje de las páginas web. El archivo exportado es una página completa con encabezados, listas, tablas y enlaces que se abre en cualquier navegador o se puede pegar en un CMS.

Preguntas frecuentes

¿Puedo convertir un archivo README.md?

Sí. Pulsa Abrir archivo y elige el README.md, o suéltalo en el cuadro de la izquierda. El HTML está listo al instante.

¿Los saltos de línea simples se convierten en etiquetas br?

No de forma predeterminada, igual que en el Markdown estándar. Activa Saltos de línea como en los comentarios de GitHub para que cada salto de línea se convierta en una etiqueta br.

¿Mi texto se sube o se guarda en un servidor?

No. Todo ocurre en tu navegador. El borrador se guarda solo en el almacenamiento de este navegador para que no se pierda al recargar; borra el editor para eliminarlo.

¿Es compatible con GitHub Flavored Markdown?

Admite lo que más se usa: tablas con alineación, listas de tareas, tachado, bloques de código delimitados con lenguaje, enlaces automáticos y anclas en los encabezados. Las notas al pie y las fórmulas matemáticas no se admiten.

¿Puedo usar HTML dentro de Markdown?

Sí, funcionan etiquetas habituales como br, sub, sup, kbd, details y summary. Los scripts, estilos, formularios, marcos y atributos de eventos se quitan siempre.

¿Por qué no aparecen en la vista previa las imágenes de internet?

Por seguridad, esta página no carga imágenes de otros sitios. En su lugar, la vista previa muestra un recuadro con la descripción de la imagen; el HTML exportado conserva los enlaces de las imágenes, y las imágenes pegadas en formato de datos sí se muestran.

¿Cómo pego el resultado en Word o Gmail?

Pulsa Copiar texto con formato y pega con Ctrl+V. Los encabezados, las listas, los enlaces y las tablas mantienen su formato.

¿Funciona sin conexión y en el móvil?

Sí. Después de abrir la página una vez sigue funcionando sin conexión, y el editor también funciona en móviles y tabletas, donde la vista previa aparece debajo del texto.