Formateador de tablas Markdown

Pega una tabla markdown desaliñada y obtén una perfectamente alineada — o una variante compacta, o marcado HTML limpio. Todo ocurre en tu navegador.

Las tablas se formatean localmente en tu navegador. Nada sale de tu dispositivo.

—

Cómo funciona

Tu texto se recorre línea a línea buscando la única fila que demuestra que hay tabla: una fila separadora como |---|:--:| cuyas celdas contienen solo guiones con dos puntos opcionales a los lados. La línea de encima se vuelve cabecera, cada línea posterior con una barra vertical sin escapar es una fila de datos, y las barras escapadas como \| se tratan como contenido de celda, nunca como delimitadores.

Algoritmo de ancho de columna
Las celdas se recortan, y el ancho de cada columna es el más largo entre su cabecera y sus datos (nunca menos de 3, para que la separadora quepa con sus dos puntos). La salida alineada emite cada celda anclada a la izquierda dentro de esos anchos fijos — | nombre | edad | — mientras la compacta quita el relleno y deja un solo espacio alrededor, la tabla más pequeña que aún se lee bien en fuente.
Semántica de alineación
La fila separadora es la hoja de estilos de la tabla: :--- izquierda, ---: derecha, :---: centro, --- simple por defecto. La alineación sobrevive al re-pineado — los dos puntos se emiten de nuevo según los anchos nuevos — y las celdas que faltan en filas cortas se completan, y las sobrantes de filas largas se colocan en las columnas establecidas.
El sabor HTML
La salida HTML construye markup <table><thead><tr><th> con la alineación de cada columna como estilo text-align en línea. El texto de celda se escapa como entidad para & < >, los escapes literales \| se desenvuelven porque la barra no es especial en HTML, y Markdown inline como backticks se deja intacto a propósito — esto es un formateador de tablas, no un renderizador de Markdown.

Preguntas frecuentes

¿Por qué se rompe mi tabla cuando una celda lleva barra vertical?

La barra vertical es el delimitador de columnas, así que una | suelta dentro de una celda la corta antes y desplaza todas las columnas siguientes. Escápala como \| — el formateador entiende el escape y lo conserva en la salida, de modo que los renderizadores de Markdown muestran una barra literal. Un hábito robusto con fragmentos de código es envolverlos en backticks, pero incluso dentro de código inline sigue haciendo falta escribirla como | dentro de la celda.

¿Qué significan los dos puntos de la fila separadora?

Son las directrices de alineación: :--- alinea la columna a la izquierda, ---: a la derecha y :---: la centra. Un --- a secas deja la columna en el valor por defecto del renderizador. El formateador las lee de tu fila separadora y las reproduce exactamente en la salida, con relleno o compacta, y las traduce a estilos text-align en el sabor HTML.

¿De verdad hace falta alinear con relleno?

No — cualquier renderizador CommonMark acepta una tabla desaliñada. El relleno es solo para humanos: las columnas alineadas hacen el fuente legible en un terminal, un diff de pull request o un impreso, y editar una celda deja de producir diffs ruidosos de espacios en blanco. Usa Compacto cuando importen más los bytes que la estética, y Alineado si una persona va a leer el fuente.

¿Puedo simplemente convertir la tabla a HTML completo?

Esta herramienta emite marcado <table> autónomo como uno de sus sabores de salida, lo cual cubre las tablas. Para convertir documentos Markdown enteros —títulos, listas, bloques de código y todo lo demás— usa mejor el conversor de Markdown a HTML de este sitio; este formateador ordena la estructura de tablas, no renderiza prosa.

¿Se sube algo a un servidor?

No. Analizar y re-pinear son operaciones de texto en JavaScript puro dentro de tu pestaña. Tu tabla nunca sale de tu dispositivo, no hay cuenta alguna ni petición de red implicada en el formateo.