Chuleta de sintaxis Markdown
Referencia rápida de encabezados, énfasis, enlaces, listas, código, citas, reglas horizontales y tablas — alineada con el GitHub-flavored Markdown usado aquí.
Encabezados
# H1 ## H2 ### H3
Énfasis
**negrita** *cursiva* ~~tachado~~
Enlaces
[texto](https://html-viewer.org/es) <https://html-viewer.org/es>
Listas
- ítem - ítem 1. uno 2. dos
Código
Inline `code` ```ts const x = 1 ```
Cita
> Línea citada > Segunda línea
Regla horizontal
---
Tabla (GFM)
| A | B | |---|---| | 1 | 2 |
Markdown a HTML con un resultado que sigue viéndose diseñado
Muchos convertidores pasan tus `# encabezados` a etiquetas `<h1>` y listo. Para un volcado rápido basta; la mayoría de flujos editoriales piden tipografía legible: longitud de línea cómoda, tablas que no se queden en una pared de pipes y bloques de código que no parezcan párrafos normales. Esta página es para el segundo trabajo: convertir Markdown a HTML y salir con markup que te atrevas a pegar en un sitio de cliente, un archivo de newsletter o un bloque de código de Squarespace. Todo corre en local tras cargar la página. Pega desde Obsidian, Notion, GitHub o un archivo de texto; el analizador entiende GitHub-flavored Markdown, con tablas pipe y código cercado. Los id de encabezado se generan del texto del título para que los enlaces de ancla sobrevivan a la exportación. Luego: copia un fragmento saneado para CMS o descarga un documento HTML completo con tema y estilos personalizados en un solo bloque `<style>`.
Diseño cuidado, no solo traducción de etiquetas
Nuestra diferencia es simple: conversión más presentación. Elige un tema de vista previa (estilo GitHub, documento serif, modo noche o minimal), luego un preset de estilo en un clic — Revista, Rosa editorial, Blog pro y más — que rellena al instante el panel CSS personalizado. Ves el cambio de diseño en la vista previa antes de copiar. Eso es el «diseño en un clic»: no escribir a mano veinte reglas de bordes de tabla con prisa. ¿Más control? Edita el CSS directamente. En exportación de documento completo, el tema integrado y tus reglas se fusionan en el HTML descargado — el archivo abre como lo aprobaste en la herramienta. La exportación de fragmento queda solo estructural: etiquetas limpias para Squarespace, WordPress o cualquier incrustación HTML; la exportación completa sirve para vistas previas autónomas, entregas o abrir en el playground de la home.
La seguridad como en herramientas de publicación: DOMPurify quita markup arriesgado y conserva tablas, enlaces, listas, bloques de código e id de encabezado. La vista HTML en bruto deja inspeccionar `<thead>` / `<tbody>` antes de pegar. Cambia entre Vista previa y HTML en bruto desde la cabecera del panel; entre Markdown y CSS personalizado en la entrada. Sin cuenta, sin cola de subida, sin «instala Pandoc primero».
Abrir el convertidorPresets de estilo en un clic
Ocho maquetaciones CSS listas rellenan CSS personalizado con un clic. La vista previa se actualiza al momento — compara Rosa, Océano o Acabado CMS sin buscar un gist de GitHub para CSS de Markdown.
Tablas GFM que puedes verificar
El documento de ejemplo trae una tabla. Edítala, mira las celdas en Vista previa y confirma la estructura HTML antes del page builder.
Dos formas de exportar
Fragmento HTML para bloques de incrustación; documento HTML completo cuando necesitas estilos en un solo archivo o Vista previa HTML en el playground principal.
Tablas al convertir Markdown a HTML para Squarespace y CMS similares
Las tablas pipe del borrador pasan a markup `<table>` real. Elige exportación de fragmento, pega en un bloque Code o HTML y revisa en el sitio en vivo — las plantillas deciden al final, pero empiezas con estructura limpia en lugar de pelear con el editor WYSIWYG.
Diseño visible antes de pegar
La vista previa en vivo corre en un iframe con sandbox. Tablas, citas y código cercado se actualizan al escribir. Los temas marcan la base; los presets añaden maquetación editorial en un clic. En exportación de documento completo: lo que ves es lo que obtienes — sin hoja de estilos misteriosa aparte.
Cómo convertir Markdown a HTML
Pega o escribe Markdown
Empieza con el ejemplo o pega tu archivo. Por defecto: tabla GFM, listas anidadas, cita y bloque de código cercado — las piezas que de verdad usas.
Elige el diseño en un clic
Selecciona un tema de vista previa, luego abre Presets de estilo para un look rápido — Revista, Tarjeta suave, Startup y más escriben CSS en la pestaña CSS personalizado. Pasa a Vista previa a la derecha para aprobar la tipografía antes de exportar.
Fragmento o documento completo
Fragmento para bloques de código CMS (solo estructura). Documento completo cuando el archivo debe abrir con tema y CSS personalizado ya en el `<head>`. HTML en bruto muestra exactamente lo que se copiará o descargará.
Copia, descarga o abre en el playground
Copia HTML al portapapeles, descarga un `.html` o usa Vista previa HTML en el playground de la home. Copiar, descargar y borrar son solo iconos junto al menú Exportar — barra compacta.
Preguntas frecuentes sobre Markdown a HTML
Convierte Markdown a HTML con un diseño en el que confíes
Temas, presets en un clic, tablas GFM, exportación fragmento o completa — gratis, sin registro.
Markdown a HTML
- Presets de estilo en un clic para un resultado cuidado
- Tablas GFM con vista previa en vivo
- Exportación de fragmento o HTML completo
- Funciona en el navegador tras cargar
Confirma las reglas de incrustación de tu CMS antes de publicar.
De la app de notas al HTML listo para pegar
Convierte, estiliza en la vista previa, copia o descarga — sin cadena de herramientas local.