De Markdown a HTML

Cómo funciona

Escriba o pegue el texto en el panel izquierdo; la salida se forma a la derecha mientras escribe. De la conversión se encarga un analizador de Markdown maduro, de modo que la herramienta reconoce toda la escritura cotidiana: títulos del uno al seis, negrita y cursiva, texto tachado, código en línea y bloques de código delimitados, listas anidadas, listas de tareas (un espacio o una x entre corchetes), tablas, citas, imágenes, líneas horizontales y direcciones escritas tal cual. Si su texto ya contiene HTML, seguirá siendo HTML, pero después de pasar por un filtro de seguridad que retira las etiquetas de script, los atributos de evento y las direcciones que ejecutan código al pulsarlas. La línea de resultado cuenta lo que ha encontrado y, si se retiró algo, indica cuántos elementos se fueron. Hay dos formas de salida: el HTML de cuerpo se pega dentro de una página existente y la página completa produce un archivo que se abre por sí solo.

Esta herramienta también se busca como markdown to html, convertir markdown a html, md a html, tabla markdown html, vista previa markdown.

¿Qué es Los signos de Markdown?

En Markdown el formato no se expresa con etiquetas, sino con signos de puntuación al principio de la línea o alrededor del texto: el número de almohadillas da el nivel del título, dos asteriscos ponen en negrita, uno solo en cursiva, la comilla invertida señala código y una línea que empieza por el signo de mayor que es una cita. Es una convención y no una norma oficial única; los procesadores coinciden en el núcleo y se separan en los detalles.

¿Qué es GFM (Markdown al estilo de GitHub)?

GFM es el dialecto de Markdown más extendido y añade cuatro cosas a la escritura básica: tablas trazadas con barras verticales, listas de tareas entre corchetes, texto tachado entre dobles virgulillas y el enlazado automático de una dirección escrita dentro de una frase. La mayor parte del Markdown que se escribe hoy pertenece a este dialecto, y esta herramienta lo reconoce.

¿Qué es Saneamiento de HTML?

Sanear HTML consiste en quitar de un fragmento las partes peligrosas antes de colocarlo en una página: se eliminan las etiquetas de script, los atributos enganchados a los eventos de pulsación o de carga, las etiquetas que incrustan una página ajena en un marco y las direcciones que ejecutan código, mientras se conserva el resto de la estructura. La diferencia con el escapado es decisiva: escapar convierte todo en texto, sanear deja que las etiquetas seguras sigan siendo etiquetas.

¿Qué es HTML de cuerpo?

El HTML de cuerpo son las etiquetas que forman únicamente la parte de contenido de una página: títulos, párrafos, listas, enlaces. La declaración de doctype, la sección de encabezado, el juego de caracteres y los enlaces a hojas de estilo quedan fuera de ese fragmento, porque pertenecen al esqueleto de la página. El texto destinado a un gestor de contenidos, a una plantilla de correo o a un editor de blog suele pedirse justamente con esta forma.

¿Cuál es la diferencia entre Markdown y HTML?

Los dos hacen el mismo trabajo — dar estructura al texto — pero se dirigen a lados distintos. Markdown mira a la persona: se lee incluso sin procesar, se escribe rápido y queda limpio en el historial de versiones. HTML mira al navegador: cada elemento es una etiqueta explícita, admite atributos y se anida sin límite. Por eso Markdown funciona casi en todas partes; al final del camino se convierte en HTML. Esta herramienta da ese último paso sin pasar por ningún servidor.

¿Qué escritura de Markdown se reconoce?

La base de CommonMark más los añadidos de GitHub que se han generalizado en todas partes. La lista siguiente reúne lo que se usa de verdad; lo que no aparece en ella sale como texto simple en lugar de desaparecer en silencio.

Los saltos de línea sueltos no parten un párrafo a propósito: las líneas que escribe una debajo de otra siguen en el mismo párrafo, y una línea en blanco abre uno nuevo. Por eso el texto pegado desde un correo o desde una aplicación de notas no se rompe en fragmentos.

• Títulos, negrita, cursiva, tachado (~~así~~)
• Código en línea y bloques de código con nombre de lenguaje
• Listas con viñetas y numeradas anidadas; listas de tareas
• Tablas trazadas con barras verticales, con su fila de alineación
• Citas, líneas horizontales, imágenes, enlaces
• Una dirección escrita dentro del texto se vuelve pulsable por sí sola

¿Qué ocurre con el HTML de su texto?

La propia definición de Markdown permite intercalar HTML entre los párrafos; un bloque desplegable (details), una tecla del teclado (kbd) o una tabla escrita a mano suelen entrar por ahí. Esta herramienta los conserva, pero antes los hace pasar por un limpiador maduro.

El filtro retira todo lo que pudiera hacer que el navegador ejecute código: etiquetas de script, etiquetas que incrustan una página ajena en un marco, atributos enganchados a los eventos de pulsación y de carga, y direcciones que lanzan código. Otras dos etiquetas caen a propósito: el bloque de estilo y el formulario. El HTML de cuerpo se pega dentro de la página de otra persona, así que un bloque de estilo que se cuele repinta la página entera y un formulario puede convertirse en un falso cuadro de acceso.

Si se retiró algo, la línea de resultado indica cuántos elementos se limpiaron. Así se entera de que algo salió de su texto sin tener que comparar la salida línea por línea.

¿Cómo se filtran las direcciones de los enlaces?

Se comprueba el esquema del principio de la dirección, es decir, la parte anterior a los dos puntos. Pasan las direcciones web, de correo, de teléfono, de mensaje corto y de servidor de archivos; las que ejecutan código al pulsarlas caen sin ruido y el enlace queda sin destino.

Las direcciones relativas se admiten a propósito: una ruta que empieza por barra, un nombre de archivo de la misma carpeta o un ancla dentro de la página cuentan como válidas. Si va a pegar la salida en su propio sitio, eso es justamente lo que necesita.

Si usted mismo dio un destino al enlace (abrir en una pestaña nueva, por ejemplo), también se conserva; los navegadores actuales ya abren esos enlaces de forma aislada.

¿HTML de cuerpo o página completa?

La salida de cuerpo entrega solo las etiquetas de contenido: es lo que se pega en una plantilla existente, en un gestor de contenidos o en el cuerpo de un correo.

La opción de página completa produce un archivo HTML funcional con declaración de doctype, atributo de idioma, juego de caracteres y etiqueta de área de visualización. El título de la página se toma del primer título de primer nivel del texto; si no lo hay, se escribe un nombre genérico.

Preguntas frecuentes

¿Se conservan las etiquetas HTML de mi texto?

Sí, pero filtradas. Los bloques desplegables, las teclas de teclado o las tablas que usted escribió siguen siendo etiquetas en la salida; los scripts, los marcos, los atributos de evento y las direcciones que ejecutan código se retiran. La línea de resultado dice cuántos elementos se quitaron.

¿También convierte tablas?

Sí. Las tablas trazadas con barras verticales se convierten en etiquetas de tabla reales, junto con su fila de encabezado y su fila de alineación. Si sus datos siguen en un archivo CSV, pasar antes por la herramienta de CSV a tabla Markdown le ahorra un paso.

¿Se mantienen las listas anidadas?

Sí. Mientras sangre los subelementos, la profundidad sale tal cual; bastan dos o cuatro espacios de sangría. Los elementos de una lista de tareas salen como casilla marcada o vacía.

¿Pueden estropearse los caracteres de un bloque de código?

No. Dentro de un bloque de código y del código en línea no se aplica ningún formato, y los signos de menor y mayor se convierten en texto dentro de la etiqueta de código, así que se ven tal como los escribió. Si pone un nombre de lenguaje tras la apertura del bloque, la etiqueta de salida recibe la clase de ese lenguaje.

¿Mi texto se envía a algún sitio?

No. La conversión y el filtro de seguridad los realizan dos bibliotecas que se ejecutan dentro de su navegador; el texto que pega no llega a ningún servidor.