Convertir Markdown a HTML
Escribe o pega Markdown y obtén HTML limpio mientras escribes, con una vista previa de cómo se verá.
Funciona completamente en tu navegador
Escribe o pega Markdown para empezar.
Markdown de hasta unos 5 MB, escrito, pegado o desde un archivo .md o .txt. El resultado se actualiza mientras escribes.
Cómo convertir Markdown a HTML
- Escribe o pega tu Markdown, o abre un archivo .md.
- Lee el HTML a la derecha o cambia a Vista previa para verlo renderizado. Activa la opción de documento completo si necesitas una página entera.
- Copia el HTML o descárgalo como archivo .html.
Cómo el Markdown se convierte en HTML
Markdown es una forma de escribir texto con formato usando caracteres simples: un # inicia un encabezado, **dos asteriscos** ponen el texto en negrita y una línea que empieza con un guion es un elemento de lista. Es lo que usan los archivos README, muchas apps de notas y la mayoría de los foros de desarrolladores. Los navegadores, las plantillas de correo y los gestores de contenido necesitan HTML, así que en algún momento hay que convertir el Markdown a HTML.
Este conversor sigue CommonMark con las extensiones de GitHub Flavored Markdown, así que las tablas, las listas de tareas y el tachado funcionan igual que en GitHub. El HTML que genera pasa luego por un limpiador, que elimina todo lo que podría ejecutar código cuando se muestra el HTML y deja intacto el formato común.
La pestaña de vista previa muestra ese mismo HTML renderizado en la página. Los enlaces se abren en una pestaña nueva, y las imágenes alojadas en otros sitios se muestran como marcadores en lugar de descargarse, así que nada de lo que escribes se envía a otro sitio mientras trabajas.
Consejos
- ¿Tienes HTML y lo quieres en Markdown? Usa HTML a Markdown.
- Revisa la extensión de una publicación con el Contador de palabras.
- Compara dos borradores con Comparar textos.
Preguntas frecuentes
¿Se sube mi texto?
No. El Markdown se convierte en tu navegador con la biblioteca de código abierto marked, y no se envía a ningún lado ni se guarda.
¿Qué sintaxis de Markdown se admite?
CommonMark más las extensiones de GitHub: tablas, listas de tareas (- [x] done), tachado con ~~, bloques de código delimitados y enlaces automáticos. Los saltos de línea simples se unen en un mismo párrafo, como en el Markdown estándar; activa Saltos de línea como <br> para conservarlos, como hacen los comentarios de GitHub.
¿Es seguro poner el HTML en un sitio web?
Se limpia con la biblioteca de código abierto DOMPurify antes de que lo veas. Se eliminan los scripts, los manejadores de eventos como onerror, los enlaces javascript:, los iframes y los objetos incrustados, y la línea debajo del resultado indica qué se quitó. El HTML común escrito dentro del Markdown, como <details> o <sup>, se conserva. Como con cualquier contenido ajeno, mantén las protecciones de tu propio sitio.
¿Por qué una imagen aparece como marcador en la vista previa?
La vista previa nunca carga nada desde otro sitio web, así tu texto no queda expuesto a ese sitio y la página se mantiene privada. Las imágenes con dirección web aparecen como un marcador con etiqueta y su dirección. El código HTML sigue teniendo la etiqueta <img> normal, así que la imagen se verá donde la publiques.
¿Qué agrega la opción de documento completo?
Una página completa alrededor del HTML: un doctype, un <head> con charset UTF-8, una etiqueta viewport para celulares y un título tomado del primer encabezado. Déjala desactivada si vas a pegarlo en una página existente o en un CMS.
¿Los encabezados reciben atributos id para enlazarlos?
No. Los encabezados se generan como etiquetas simples <h1> a <h6>. Si necesitas anclas, agrega los id en la plantilla de tu sitio o a mano.