Saltar al contenido principal

Generador de tablas Markdown gratis

Edite visualmente tablas de Markdown con alineación por columna. Importe desde CSV o TSV, copie la salida de Markdown con sabor a GitHub.

Funciona sin conexión una vez cargado
Importar desde CSV, TSV o Markdown
Vista previa
NombreCorreoRol
Alicealice@example.comAdmin
Bobbob@example.comEditor
Carolcarol@example.comLector
| Nombre | Correo            |  Rol   |
| :----- | :---------------- | :----: |
| Alice  | alice@example.com | Admin  |
| Bob    | bob@example.com   | Editor |
| Carol  | carol@example.com | Lector |

Usos habituales

  • Construye Tablas para Archivos GitHub READMEGitHub renderiza tablas Markdown nativamente. Construye tablas de comparación de características, referencias de API o hoja de ruta visualmente.
  • Tablas de Documentación y Referencia de APIConstruye tablas de parámetros, referencias de códigos de estado y tablas de definición de campos para documentación de API.
  • Construye Tablas en Obsidian / Notion / LogseqLas aplicaciones de toma de notas basadas en Markdown admiten tablas. Construyelas más rápido aquí que en texto plano.
  • Añade Tablas a Artículos de BlogComparaciones de precios, matrices de características y tablas de referencia de tutoriales — Markdown es la forma con menor fricción de añadirlas.
  • Convierte CSV a Tabla MarkdownPega CSV desde una hoja de cálculo, obtén una tabla Markdown lista para pegar en documentos o notas.

Cómo funciona

Esta herramienta es un editor de tablas Markdown totalmente del lado del cliente construido con JavaScript escrito a mano: no interviene ninguna biblioteca de tablas de terceros. Genera sintaxis de tabla de barras verticales GitHub Flavored Markdown directamente en el navegador, con relleno de ancho de columna en vivo y marcadores de alineación por columna, y también puede exportar los mismos datos como HTML, CSV, marcado wiki de JIRA, o tablas de cuadrícula reStructuredText.

  1. 1
    Edita celdas en la cuadrícula visual
    Cada encabezado y celda es una entrada editable. Mientras escribes, las actualizaciones del estado de React disparan una llamada useMemo que vuelve a ejecutar el generador de inmediato, así el panel de salida se actualiza con cada pulsación sin retraso.
  2. 2
    El generador rellena y escapa la sintaxis GFM
    La función generateMarkdown escrita a mano mide el ancho máximo de contenido de cada columna, rellena cada celda con espacios para alineación, produce la fila separadora con marcadores :--- / ---: / :---:, y escapa los caracteres de barra vertical literales como \| y los saltos de línea como elemento br para que la tabla siga siendo válida en cualquier renderizador de Markdown.
  3. 3
    Importa CSV, TSV o una tabla Markdown existente
    Pegar en el cuadro de importación activa un analizador CSV/TSV escrito a mano conforme a RFC 4180 (lib/csv.ts) o un analizador de tabla Markdown personalizado que divide las filas por barras verticales sin escapar y lee la alineación de la fila separadora, permitiéndote llevar de vuelta al editor una tabla existente.
  4. 4
    Copia en el formato que necesites
    Cambiar la pestaña de formato de salida vuelve a ejecutar el generador correspondiente (HTML con atributos de estilo, CSV RFC 4180, marcado wiki de JIRA con encabezados ||, o tablas de cuadrícula reStructuredText con bordes +---+) y el botón Copiar escribe el resultado en el portapapeles mediante la API estándar navigator.clipboard.

Herramientas relacionadas

Preguntas frecuentes