kittokit
ES
Runs local · no upload

Markdown a HTML

Convierte Markdown a HTML — fragmento body para el CMS o archivo autónomo con estilos incrustados.

100 % in the browser. Nothing is uploaded.

Local images (optional)

If your markdown references images, add them here — relative paths get matched.

If your markdown uses nested paths like assets/screens/foo.png, pick the whole image folder here — the structure is preserved.

Profile

Cómo funciona
  1. 01

    Aporte el Markdown

    Campo para pegar o arrastre de archivo. Ambos modos usan el mismo camino de conversión.

  2. 02

    Perfil y opciones

    Clean, Business, Académico, Artículo web. El saneamiento permanece activado por defecto; el modo autónomo se activa o desactiva según el sistema de destino.

  3. 03

    Vista previa y descarga

    La vista previa en directo muestra el resultado como HTML renderizado o como código fuente. Descarga como archivo .html o copia mediante el botón dedicado.

Privacidad

El Markdown permanece en su pestaña del navegador. La conversión se apoya en los estándares web (analizador nativo del navegador) y ninguna petición sale a la red. La hoja de estilos incrustada también se genera en la pestaña.

Markdown empieza hoy en todas partes — en el cuaderno, el chat de IA, la pull request. Pero para que el texto llegue al CMS o al boletín, hace falta HTML. Esta herramienta toma Markdown y devuelve HTML: archivo autónomo con estilos incrustados o fragmento body para WordPress, Ghost o Astro. Saneamiento por defecto.

01 — Cómo usarlo

¿Cómo usar esta herramienta?

  1. Pegue Markdown o cargue un archivo .md — ambos caminos llevan al mismo resultado.
  2. Elija un perfil (Clean, Business, Académico, Artículo web) y decida si quiere HTML autónomo o un fragmento body.
  3. Opcional: las imágenes locales referenciadas en el Markdown pueden cargarse de paso — las rutas relativas se resuelven a data URLs.
  4. Pulse «Generar HTML», compruebe en la vista previa y copie o descargue como .html.

¿Por qué convertir Markdown a HTML?

Markdown es el lenguaje sencillo en el que arrancan hoy la mayoría de los flujos de escritura: en el cuaderno (Obsidian, Logseq), en el chat de IA (ChatGPT, Claude), en la pull request, en el generador de sitios estáticos (Hugo, Astro, Jekyll). El resultado es portátil, comparable por diff y legible en cualquier editor.

Pero en cuanto el mismo texto debe llegar a un CMS — WordPress, Ghost, Strapi, Contentful — o a un boletín, a una página de wiki interna o como demostración estática, necesita HTML. Esta herramienta tiende el puente. Envíe Markdown, reciba HTML, sin desvío por un servidor externo.

¿Cómo funciona la conversión técnicamente?

El Markdown se analiza mediante una biblioteca de código abierto contrastada — entiende el GitHub Flavored Markdown incluidas las tablas, listas de tareas, bloques de código con indicación de lenguaje y autoenlaces. El resultado es un fragmento HTML que pasa después por un saneamiento opcional — las etiquetas <script>, los bloques <style>, los manejadores on* y las URLs javascript: se retiran mediante una biblioteca de protección XSS establecida.

El modo autónomo envuelve el fragmento en una cubierta HTML completa con <!DOCTYPE html>, <head> y una hoja de estilos incrustada. La hoja depende del perfil y está codificada en duro — sin tipografías externas, sin archivos CSS externos. Así el resultado sigue siendo utilizable sin conexión e independiente de la conexión al servidor.

¿Cuáles son los casos de uso?

  • Migración a un CMS. Una colección de notas Markdown se convierte en HTML que migra pieza a pieza a WordPress o Ghost.
  • Del chat de IA al boletín. Un texto de respuesta largo del chat de IA se formatea para el editor del boletín.
  • Página de demostración estática. Un README o una especificación se convierte en un archivo HTML autónomo para la documentación interna.
  • Flujo editorial. Los redactores trabajan en Markdown, los revisores reciben el HTML para verificación en el navegador.
  • Plantillas de correo. El Markdown se convierte en HTML que se usa como cuerpo en una plantilla de correo.

¿Qué se conserva intacto?

Conservado: jerarquía de títulos (<h1> a <h6>) con identificadores autogenerados, párrafos, listas ordenadas y no ordenadas incluido anidamiento, tablas con fila de encabezado, formato inline (negrita, cursiva, código inline, tachado), hipervínculos ([Texto](URL)), citas en bloque, bloques de código con clase de lenguaje, imágenes como <img>.

Deliberadamente retirado (por defecto en el saneamiento): etiquetas <script>, bloques <style>, <iframe>/<object>/<embed>, todos los manejadores on*, URLs javascript:. Es la política por defecto porque la salida viaja a sistemas de terceros.

Complemento opcional: quien realmente necesite HTML inline puede mover el interruptor de saneamiento. Entonces el HTML crudo entra en la salida — útil cuando el Markdown es de confianza y contiene, por ejemplo, códigos de incrustación particulares.

Privacidad — todo permanece en la pestaña del navegador

Si acaba de redactar un memorándum interno o un briefing de cliente en Markdown, lo último que quiere es que el contenido viaje a un servidor externo. Tranquilidad — aquí no ocurre nada de eso.

El Markdown se analiza en su pestaña del navegador, el HTML resultante se genera en la misma pestaña. Puede abrir el panel Red de las herramientas de desarrollador y observar: ninguna petición, ninguna subida, ninguna comunicación con servidor. El campo de pegado trabaja íntegramente en el cliente, y las imágenes añadidas opcionalmente se incrustan localmente como data URLs, no se suben.

¿Qué herramientas de documentos relacionadas existen?

Otras herramientas del ecosistema conversor relacionadas:

  • Markdown a PDF — la misma entrada Markdown, PDF terminado mediante el camino de impresión del navegador.
  • Markdown a DOCX — archivo Word con estilos reales de título y encabezados de tabla que se repiten.
  • HTML a Markdown — el sentido inverso si su fuente ya es HTML.

Última actualización:

También le puede interesar