Toolify

Conversor Markdown a HTML (subset CommonMark)

Pega Markdown e instantáneamente ve el HTML equivalente. Funciona para posts, documentación, README. La salida es HTML semántico y limpio que puedes pegar en cualquier CMS o sitio estático.

Salida HTML
<h1>Hello</h1>
<p>A <strong>bold</strong> statement and <em>italic</em> text.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<p><a href="https://tools.appdevelopsk.com">Toolify</a></p>
Mostrar vista renderizada

Hello

A bold statement and italic text.

  • Item 1
  • Item 2

Toolify

Cómo funciona

Qué se soporta

Encabezados: # H1 a ###### H6. Listas: - / * / + para no ordenadas, 1. 2. 3. para ordenadas. Citas: > al inicio de línea. Bloques de código: ``` con lenguaje opcional. Inline: **negrita**, *cursiva*, `código`, ~~tachado~~, [link](url), ![alt](image-url). Línea horizontal: ---, ***, o ___.

Implementamos los esenciales de CommonMark. Tablas, footnotes y task lists (-[ ]) aún no; para esos, usa una librería CommonMark/GFM completa en tu pipeline.

Cuándo usar esta herramienta

Conversión rápida para pegar en un CMS. La mayoría aceptan HTML; si escribes en Markdown pero el editor no lo renderiza, pasa por aquí primero.

Generación de documentación: convierte README.md a HTML para una landing. La salida es lo bastante limpia para envolver en plantilla básica.

Composición de email: muchos clientes renderizan HTML pero no Markdown. Escribe en Markdown, convierte, pega.

Conversión en navegador

Toda la conversión corre en tu navegador. Tu Markdown — que puede tener borradores confidenciales, snippets de código o notas — nunca sale de tu máquina. Sin logs de servidor, sin datos para training de IA, solo regex determinista.

Si necesitas GFM (tablas, task lists, footnotes), usa una librería más completa como marked.js, markdown-it o remark en tu build. Para Markdown simple-a-moderado, esta salida es suficiente.

Preguntas frecuentes

¿Soporta tablas?

Aún no. Las tablas son extensión GFM, no CommonMark puro. Podríamos añadirlas en futura versión.

¿Mis bloques de código tendrán syntax highlighting?

Añadimos class='language-X' a <pre><code> para que highlighters como Prism o highlight.js los estilen. El HTML en sí no tiene estilos — aplica tu propio CSS o librería.

¿La salida es segura para pegar donde sea?

Escapamos <, >, &, " en bloques de código e inline. Otro contenido se convierte tal cual. Si pegas Markdown user-generated, sanitiza la salida antes de inyectar.

¿Por qué mi énfasis sale raro?

El anidado de énfasis Markdown es complicado. * vs _ pueden comportarse distinto con puntuación adyacente. CommonMark es preciso; si difiere, pega el ejemplo del spec para revisar.

¿Maneja HTML dentro de Markdown?

El HTML inline se pasa (comportamiento CommonMark). Cuidado — HTML malicioso de fuentes no confiables pasará sin cambios.

¿Convertir HTML de vuelta a Markdown?

Sí — ve nuestro conversor HTML to Markdown (link en Related Tools).

¿Y los footnotes?

No implementados (extensión GFM). Para documentos complejos, usa una librería server-side como remark-gfm.

¿Los datos salen del navegador?

No. La conversión corre localmente; tu Markdown nunca se envía.

Herramientas relacionadas

Última actualización: