Ir al contenido principal
Bethemesh

Markdown a HTML

Transforma títulos, énfasis, enlaces, listas, citas y bloques de código Markdown en HTML localmente.

  • Portapapeles
  • Exportar
Automatizar

Integrar este widget

Personaliza el aspecto, comprueba la vista previa y copia el código.

Vista previa

Tipo de código de integración

Código para copiar

Se adapta a tu página y Bethemesh ajusta su tamaño automáticamente.

¿Te ha resultado útil esta herramienta?

¿Cómo funciona esta herramienta?

Convierte un texto Markdown en código HTML limpio, listo para pegar en un CMS, un boletín, una página estática o una plantilla de correo. Títulos, párrafos, listas, citas, tablas, bloques de código, enlaces e imágenes se convierten en las etiquetas HTML correspondientes. La conversión se hace en tu navegador, sin enviar el contenido.

El conversor aplica las reglas habituales de CommonMark: de # a ###### se obtienen <h1> a <h6>, las líneas consecutivas forman un solo <p>, las viñetas dan un <ul> y las listas numeradas un <ol> (con el atributo start si la lista no empieza en 1). Las citas pasan a <blockquote>, los bloques entre ``` a un <pre><code> con la clase language-… y las tablas al estilo de GitHub a un <table> con <thead> y <tbody>.

En el texto, **negrita** y __negrita__ dan <strong>, *cursiva* y _cursiva_ dan <em>, `código` da <code>, [texto](dirección) un enlace y ![texto](imagen) una imagen. El contenido del código en línea se conserva tal cual: los asteriscos de `a*b*c` no se convierten en cursiva.

Los caracteres especiales (<, >, &, comillas) se escapan, de modo que un HTML escrito en el original se muestra como texto en lugar de copiarse. Las direcciones javascript:, vbscript: o data: nunca se colocan en un enlace o una imagen: solo se conserva su texto.

Cómo utilizar esta herramienta

  1. Pega el Markdown

    Escribe o importa el texto en el campo «Markdown de origen».

  2. Convierte

    Lanza la conversión: cada bloque se convierte en una etiqueta HTML en su propia línea.

  3. Copia el HTML

    Copia o exporta el código y comprueba cómo se ve en la página de destino.

Casos de uso

Publicar en un CMS

Escribe en Markdown y pega el HTML en un editor que solo acepta código HTML.

Preparar un boletín

Convierte un borrador Markdown en HTML para una herramienta de envío de correos.

Alimentar un Pipeline

Encadena formateo, conversión y exportación en un tratamiento automático.

Ejemplos

Título, párrafo y lista

Las dos líneas del párrafo se unen en un solo <p>.

Entrada

## Instalación

Ejecuta el comando
`npm install` y revisa.

1. Descargar
2. Instalar

Resultado

<h2>Instalación</h2>
<p>Ejecuta el comando <code>npm install</code> y revisa.</p>
<ol>
<li>Descargar</li>
<li>Instalar</li>
</ol>

Tabla

La línea de guiones bajo el encabezado indica que es una tabla.

Entrada

| Herramienta | Precio |
| --- | --- |
| Bethemesh | 0 € |

Resultado

<table><thead><tr><th>Herramienta</th><th>Precio</th></tr></thead><tbody><tr><td>Bethemesh</td><td>0 €</td></tr></tbody></table>

Consejos y buenas prácticas

  • El HTML generado no lleva estilos: su aspecto depende de la hoja de estilos del sitio donde lo pegues.
  • Las rutas relativas de las imágenes (img/logo.png) se copian tal cual: comprueba que también existen en el sitio de destino.
  • Para ver el resultado antes de copiar el código, usa Vista previa Markdown; para la conversión inversa, usa HTML a Markdown.

Fuentes y referencias

Preguntas frecuentes

¿Qué elementos Markdown se convierten?

Títulos, párrafos, listas con viñetas y numeradas, citas, separadores, bloques de código, tablas, negrita, cursiva, código en línea, enlaces e imágenes.

¿Es seguro el HTML?

Los caracteres especiales se escapan y se descartan las direcciones javascript:, vbscript: y data:. Aun así, revisa el código antes de insertarlo en un sitio, como cualquier contenido externo.

¿Se admiten extensiones como casillas de verificación o notas al pie?

No. Se quedan como texto. De las extensiones de GitHub solo se admiten las tablas.

¿El HTML generado es una página completa?

No, es un fragmento para insertar en una página existente. Para descargar una página .html independiente, usa la exportación de Vista previa Markdown.

¿Se envía mi texto a internet?

No. La conversión se hace en tu navegador.

Herramientas relacionadas

Herramientas similares o complementarias a esta.

Herramientas similares

Convierte HTML en Markdown legible y portátil directamente en tu navegador.

Texto y redacciónUsar esta herramienta

Escribe Markdown y visualiza al instante el HTML generado.

Texto y redacciónUsar esta herramienta

Genera texto ficticio Lorem Ipsum para maquetas, prototipos y pruebas de diseño.

Texto y redacciónDestacadaUsar esta herramienta