Convierte Markdown a HTML en tu navegador

¿Qué es convertir Markdown a HTML?

Markdown es texto plano con una sintaxis mínima: un asterisco para negrita, una almohadilla para un encabezado, corchetes y paréntesis para un enlace. Ningún navegador sabe mostrar eso tal cual; primero hay que convertirlo a las etiquetas HTML reales (<strong>, <h1>, <a>) para que aparezca como un encabezado, una palabra en negrita o un enlace clicable en una página web.

Esta herramienta hace esa conversión mientras escribes: pegas o redactas el Markdown en el panel izquierdo y el HTML resultante aparece al instante en el derecho, listo para copiar y pegar donde lo necesites.

Cómo convertir tu Markdown

1. Pega o escribe tu Markdown. Escribe directamente en el panel izquierdo o pega el texto que ya tengas preparado; el HTML se genera al instante en el panel derecho.
2. Elige entre código y vista previa. Usa el conmutador para alternar entre el HTML generado y cómo se renderiza de verdad, y activa o desactiva los extras de GitHub y el HTML sin procesar según lo que necesites.
3. Copia el resultado. Pulsa el botón de copiar y pega el HTML donde te haga falta; en ningún momento el texto sale de tu navegador.

Qué tan fiel es la conversión, medido y no adivinado

CommonMark es la especificación que estandarizó Markdown, y viene con una batería oficial de 652 ejemplos: cada uno trae un fragmento de Markdown y el HTML exacto que debe salir de él. Eso convierte «¿este conversor funciona bien?» en algo que se puede medir en vez de una opinión, y es justo lo que casi ningún conversor de Markdown a HTML en la web se molesta en publicar.

Se midieron dos motores de conversión de código abierto muy usados, en la configuración exacta que aplica esta herramienta. El motor popular, pensado ante todo para la velocidad, acertó 474 de los 652 ejemplos: un 72,7%. El motor que usa esta herramienta acertó 649 de 652: un 99,5%. La diferencia no es pequeña, y no va en la dirección que la fama de cada uno haría suponer.

Los tres ejemplos que aún fallan tienen que ver con espacios en blanco dentro de una cita en bloque completamente vacía: la especificación espera un salto de línea entre la etiqueta de apertura y la de cierre, y no lo recibe. Ningún navegador distingue una versión de la otra al renderizarlo, así que la puntuación es 649 byte a byte y 652 en la práctica, que es la que realmente importa.

Activar los extras de GitHub (tablas y texto tachado) no mueve esta puntuación ni un punto, porque la batería de CommonMark solo evalúa la sintaxis que define la propia especificación. Convertir automáticamente las URL sueltas en enlaces también estaba en esa casilla y se quitó después de medirlo: cuesta cuatro de los 652 ejemplos, todos en la sección de enlaces automáticos, porque CommonMark es preciso sobre qué texto suelto se convierte en enlace y la versión cómoda es más ansiosa que eso. Un atajo que empeora la fidelidad en silencio no merece una casilla.

Por qué el HTML sin procesar viene desactivado por defecto

CommonMark deja pasar HTML sin procesar dentro del Markdown a propósito; la especificación le dedica secciones enteras. Y eso es justo lo que convierte renderizar el Markdown de otra persona en una cuestión de seguridad: si el conversor deja pasar una etiqueta <script> y el resultado se muestra en tu página, le acabas de dar a un desconocido la posibilidad de ejecutar código ahí.

Por eso esta herramienta escapa el HTML sin procesar salvo que actives la casilla, y esa decisión tiene un coste medido: con el escapado activo, la puntuación contra la batería de CommonMark baja de 649 a 577 de 652, un 88,5%. De los 75 ejemplos que fallan en ese modo, 57 son las propias secciones de HTML sin procesar de la especificación, y los otros 18 son casos en los que una etiqueta HTML en línea cambia cómo se interpreta el Markdown que la rodea. El valor por defecto seguro cuesta exactamente eso, ni un ejemplo más.

Cuando el texto que pegas contiene HTML sin procesar y la casilla sigue desactivada, la herramienta te lo dice con un recuento de las etiquetas afectadas, para que sepas por qué salieron como texto en vez de como formato.

La vista previa, además, se muestra dentro de un marco aislado con los scripts desactivados: aunque actives «Permitir HTML sin procesar», un <script> pegado en el Markdown no puede ejecutarse. Importa porque «pega este texto en esa herramienta» es una forma real de engañar a alguien, y esta vista previa no es, a propósito, un sitio donde ese código llegue a correr.

¿Por qué es gratis?

Convertir Markdown a HTML es trabajo que tu propio navegador puede hacer sin ayuda de ningún servidor, así que no hay motivo para pedirte una cuenta ni cobrarte por ello. Todo el procesamiento ocurre en tu equipo: nada de lo que escribes o pegas se sube a ningún sitio, el resultado no lleva ninguna marca de agua ni atribución oculta, y la herramienta funciona igual sin registrarte.