MDConvertidor Markdown ↔ HTML
Markdown es un lenguaje de marcado ligero que permite escribir documentos con formato utilizando texto plano. Se usa ampliamente en archivos README de GitHub, blogs técnicos, wikis y plataformas de documentación, que finalmente renderizan Markdown como HTML. Por el contrario, convertir el HTML existente de vuelta a Markdown facilita el control de versiones y el mantenimiento del contenido. Esta herramienta admite la conversión bidireccional con opciones prácticas como tablas GFM, listas de tareas, expresiones matemáticas KaTeX y formatos de salida HTML flexibles.
Cómo usar
- 1Elegir dirección de conversión
Selecciona 'Markdown → HTML' o 'HTML → Markdown' en la parte superior. Tu entrada se conserva al cambiar de modo.
- 2Configurar opciones
En el modo Markdown → HTML puedes elegir el formato de salida HTML (Pretty / Minify / Raw), activar el soporte GFM y habilitar el renderizado matemático KaTeX. En el modo HTML → Markdown puedes establecer el estilo de encabezado (ATX o Setext), el marcador de viñeta (-, *, +), el estilo de bloque de código y especificar etiquetas para mantener como HTML bruto.
- 3Pegar entrada o cargar ejemplo
Pega el texto en el panel izquierdo o haz clic en 'Cargar ejemplo'. La conversión se ejecuta automáticamente tras una breve pausa y el resultado aparece a la derecha.
- 4Verificar vista previa en vivo
El panel de vista previa en la parte inferior muestra el resultado renderizado. En el modo Markdown → HTML renderiza el HTML convertido; en el modo HTML → Markdown renderiza de nuevo el resultado Markdown para que puedas verificar la conversión.
- 5Copiar el resultado
Haz clic en el botón de copiar junto a la salida para enviar el texto convertido a tu portapapeles.
Consejos
- 💡Pega tu README de GitHub en el modo Markdown → HTML para previsualizar exactamente cómo se verá en GitHub antes de subirlo.
- 💡Convertir publicaciones de blog HTML a Markdown las hace mucho más fáciles de editar y controlar por versiones en el futuro.
- 💡Las matemáticas KaTeX usan la sintaxis estándar de LaTeX: $fórmula en línea$ o $$fórmula en bloque$$. Ejemplo: $E=mc^2$.
- 💡La sintaxis de tablas GFM (| Col | Col |) y las listas de tareas (- [ ] item) se convierten automáticamente a sus equivalentes de Markdown al convertir de HTML → Markdown.
- 💡Usa 'Mantener etiquetas' para preservar etiquetas HTML específicas durante la conversión de HTML → Markdown, útil para elementos personalizados o tablas complejas.
- 💡'Pretty' genera HTML sangrado y legible. 'Minify' elimina espacios en blanco para el tamaño de archivo más pequeño. 'Raw' te da la salida exacta del analizador marked.
Preguntas frecuentes
- Q. ¿Qué es Markdown?
- A. Markdown es un lenguaje de marcado ligero creado por John Gruber en 2004. Permite escribir formato usando texto plano que se convierte en HTML. Es ampliamente usado en GitHub, Notion y documentación técnica.
- Q. ¿En qué se diferencia GitHub Flavored Markdown (GFM)?
- A. GFM añade tablas, listas de tareas (- [x]), bloques de código con lenguaje, URLs automáticas y tachado. Es el estándar en GitHub, GitLab y muchas otras plataformas.
- Q. ¿Es seguro renderizar el HTML convertido directamente?
- A. No siempre. Markdown puede contener etiquetas HTML o scripts que crearían vulnerabilidades XSS. Sanitiza el HTML con una librería como DOMPurify antes de renderizar Markdown de usuarios.