Convertidor de Markdown a HTML
Entrada Markdown
Pegue el código Markdown y haga clic en Convertir a HTML.
Ajustes
Pegue el código Markdown y haga clic en Convertir a HTML.
Háganoslo saber
Por favor, comparte tu experiencia.
Herramientas similares
Un borrador de entrada, HTML estructurado de salida
Una entrada escrita con encabezados de «#», negritas de «**», una lista con viñetas, una tabla y un bloque de código se convierte en el HTML correspondiente: encabezados h1-h6, strong para negritas, ul y li para la lista, una tabla real, y pre/code para el bloque de código. Esa salida cae tal cual en cualquier campo de CMS o plantilla HTML — por eso el mismo archivo Markdown alimenta un build de blog y una plantilla de correo con solo ajustes de formato entre medias.
Dialectos, HTML crudo y escape
Tres cosas que saber antes de convertir algo importante. Los dialectos del Markdown difieren: tablas, notas al pie y listas de tareas son extensiones que algunos parsers aceptan y el Markdown central no — comprueba lo que acepta tu destino. El HTML crudo dentro del Markdown pasa por lo general intacto — cómodo, y de vez en cuando una rendija. Y si necesitas que corchetes angulares o ampersands aparezcan como texto, escápalos — de lo contrario el convertidor los renderiza como etiquetas y entidades.
Acerca de Convertidor de Markdown a HTML
El Markdown es el formato de escritura del web moderno — Jekyll, Hugo y Gatsby construyen desde él, y la mayoría de los desarrolladores toman ahí notas y borradores — pero muchos destinos todavía solo aceptan HTML: CMS antiguos, herramientas de correo, portales de documentación. El convertidor tiende el puente justo ahí: escribe en Markdown, convierte, pega el HTML donde tenga que ir.
Cómo usar
Paso 1
Pegue su código Markdown en el campo de entrada.
Paso 2
Cargue ejemplos para ver las diferentes características de Markdown (encabezados, listas, código, tablas).
Paso 3
Haz clic en 'Validar Markdown' para comprobar si la entrada es válida.
Paso 4
Configurar ajustes: GFM, saltos de línea, saneamiento
Paso 5
Haz clic en 'Convertir a HTML' para generar la salida HTML.
Paso 6
Alternar entre la vista de código HTML y la vista previa en vivo
Paso 7
Ver estadísticas: recuento de palabras, encabezados, enlaces
Paso 8
Copia la salida HTML para usarla en tu proyecto.
Características y beneficios
- ✅Convierta Markdown a HTML con soporte completo para la sintaxis.
- ✅Compatibilidad con GitHub Flavored Markdown (GFM): tablas, listas de tareas, tachado
- ✅Compatibilidad con encabezados, negrita, cursiva, enlaces e imágenes.
- ✅Bloques de código con marcadores de resaltado de sintaxis
- ✅Citas en bloque y citas en bloque anidadas
- ✅Listas ordenadas y no ordenadas con anidamiento
- ✅Líneas horizontales y saltos de línea
- ✅Detección automática de enlaces
- ✅Sanitización de HTML (elimina scripts y controladores de eventos)
- ✅Alternar la conversión de salto de línea (\n a <br>)
- ✅Vista dual: código HTML y vista previa en directo
- ✅7 ejemplos de Markdown: básico, listas, enlaces, código, tablas, citas en bloque, avanzado
- ✅Estadísticas: recuento de palabras, recuento de encabezados, recuento de enlaces
- ✅Copiar al portapapeles con un solo clic
- ✅Validación en tiempo real
- ✅100% basado en navegador: Markdown nunca se envía al servidor.
- ✅100% gratis - sin límites, sin necesidad de registrarse
Preguntas frecuentes
¿Qué es Markdown?
Markdown es un lenguaje de marcado ligero que utiliza sintaxis de formato de texto plano. Está diseñado para ser fácil de leer y escribir, y se puede convertir a HTML. Markdown se usa ampliamente para documentación, archivos README, blogs y sistemas de gestión de contenido.
¿Qué es GitHub Flavored Markdown (GFM)?
GFM es una extensión del Markdown estándar que usa GitHub. Añade compatibilidad con tablas, listas de tareas (casillas de verificación), texto tachado (~~text~~), enlaces URL automáticos y bloques de código delimitados con resaltado de sintaxis. Habilita GFM en la configuración para usar estas funciones.
¿Cómo creo una tabla en Markdown?
Utilice barras verticales (|) y guiones (-) para crear tablas. Ejemplo: | Nombre | Edad | crea una fila de encabezado. |------|-----| crea el separador. | Juan | 30 | crea una fila de datos. Las tablas requieren que GFM esté habilitado.
¿Cuál es la diferencia entre la vista HTML y la vista previa?
La vista HTML muestra el código HTML sin procesar generado a partir de tu Markdown, que puedes copiar y pegar en tu sitio web. La vista previa muestra el HTML para que puedas ver exactamente cómo se verá en una página web. Usa la vista previa para verificar el formato antes de copiar el HTML.
¿Debo habilitar la desinfección?
Sí, especialmente si estás convirtiendo Markdown generado por el usuario. La sanitización elimina HTML potencialmente peligroso, como las etiquetas <script> y los controladores de eventos (onclick, onerror, etc.), que podrían usarse para ataques XSS. Está habilitada por defecto por motivos de seguridad.
¿Qué hace la opción 'Convertir saltos de línea'?
Cuando está activada, los saltos de línea simples (\n) en tu Markdown se convierten en etiquetas <br> en HTML. Cuando está desactivada, necesitas dos saltos de línea (línea en blanco) para crear un nuevo párrafo. Activa esta opción para una conversión de saltos de línea más literal, como en los comentarios de GitHub.
¿Cómo creo bloques de código?
Utilice tres acentos graves (```) antes y después de su código. Añada el nombre del lenguaje después de los acentos graves iniciales para los marcadores de resaltado de sintaxis: ```javascript. Para el código en línea, utilice acentos graves simples: `code`.
¿Puedo usar HTML dentro de Markdown?
¡Sí! Markdown admite HTML en línea. Puedes usar etiquetas HTML directamente en tu código Markdown y se conservarán en la salida. Sin embargo, si la sanitización está habilitada, el HTML potencialmente peligroso se eliminará por motivos de seguridad.
¿Para qué sirven los ejemplos de Markdown?
Haz clic en «Ejemplos» para cargar ejemplos de Markdown predefinidos: Básico (encabezados, negrita, cursiva), Listas (ordenadas, desordenadas, tareas), Enlaces (enlaces e imágenes), Código (en línea y en bloques), Tablas, Citas en bloque y Avanzado (funciones combinadas). Ideal para aprender la sintaxis de Markdown.
¿Puedo usar esto para publicaciones de blog?
¡Por supuesto! Muchas plataformas de blogs y generadores de sitios estáticos (Jekyll, Hugo, Gatsby) utilizan Markdown. Escribe tu contenido en Markdown, conviértelo a HTML y pégalo en tu blog. El HTML resultante es limpio y semántico, perfecto para contenido web.
¿Mis datos Markdown son seguros?
¡Sí! Todo el procesamiento de Markdown se realiza íntegramente en tu navegador mediante la biblioteca markdown. Tu contenido Markdown nunca sale de tu dispositivo ni se envía a ningún servidor, lo que garantiza total privacidad y seguridad.