Saltar ao contido principal
LibraTool logoLibraTool

Xerador de táboas Markdown de balde

Edita visualmente táboas Markdown con aliñamento por columna. Importa desde CSV ou TSV, copia a saída Markdown con estilo GitHub.

Funciona sen conexión unha vez cargado
Importar desde CSV, TSV ou Markdown
Vista previa
NomeCorreo electrónicoRol
Alicealice@example.comAdministrador
Bobbob@example.comEditor
Carolcarol@example.comVisor
| Nome  | Correo electrónico |      Rol      |
| :---- | :----------------- | :-----------: |
| Alice | alice@example.com  | Administrador |
| Bob   | bob@example.com    |    Editor     |
| Carol | carol@example.com  |     Visor     |

Usos habituais

  • Constrúi Táboas para Ficheiros README de GitHubGitHub renderiza as táboas Markdown de forma nativa. Constrúi táboas de comparación de funcionalidades, referencias API ou roteiros visualmente.
  • API e Táboas de Referencia de DocumentaciónConstrúi táboas de parámetros, referencias de códigos de estado e táboas de definición de campos para documentación API.
  • Constrúi Táboas en Obsidian / Notion / LogseqOs aplicativos de toma de notas Markdown-first soportan táboas. Constrúias máis rápido aquí que en texto plano.
  • Engade Táboas aos Posts do BlogComparacións de prezos, matrices de características e táboas de referencia de titoriais - Markdown é a forma menos friccionante de engadilas.
  • Converte CSV a Taboa MarkdownPega CSV dunha folla de cálculo, obtén unha taboa Markdown lista para pegar en documentación ou notas.

Como funciona

Esta ferramenta é un editor de táboas Markdown totalmente do lado do cliente construído sobre JavaScript escrito a man — sen biblioteca de táboas de terceiros implicada. Xera a sintaxe de táboa de barras de GitHub Flavored Markdown directamente no navegador, con acolchado de ancho de columna en directo e marcadores de aliñamento por columna, e tamén pode exportar os mesmos datos como HTML, CSV, marcado wiki de JIRA ou táboas de grella reStructuredText.

  1. 1
    Edita celas na grella visual
    Cada cabeceira e cela é unha entrada editable. Mentres escribes, as actualizacións de estado de React activan unha chamada useMemo que reexecuta o xerador de inmediato, así que o panel de saída actualízase con cada pulsación de tecla sen atraso de debounce.
  2. 2
    O xerador rechea e escapa a sintaxe GFM
    A función generateMarkdown escrita a man mide o ancho máximo de contido de cada columna, rechea cada cela con espazos para o aliñamento, produce a fila separadora cos marcadores :--- / ---: / :---:, e escapa os caracteres de barra vertical literais como \| e os saltos de liña como elemento br para que a táboa siga sendo válida en calquera renderizador de Markdown.
  3. 3
    Importa CSV, TSV ou unha táboa Markdown existente
    Pegar na caixa de importación activa ben un analizador CSV/TSV RFC 4180 escrito a man (lib/csv.ts) ou un analizador de táboas Markdown personalizado que divide as filas por barras verticais non escapadas e le o aliñamento da fila separadora, permitíndoche facer unha volta completa desde unha táboa existente de volta ao editor.
  4. 4
    Copia no formato que precises
    Cambiar a pestana de formato de saída reexecuta o xerador correspondente (HTML con atributos de estilo, CSV RFC 4180, marcado wiki de JIRA con cabeceiras ||, ou táboas de grella reStructuredText con bordos +---+) e o botón Copiar escribe o resultado ao portapapeis mediante a API estándar navigator.clipboard.

Ferramentas relacionadas

Preguntas frecuentes