Saltar para o conteúdo principal
LibraTool logoLibraTool

Gerador de Tabelas Markdown grátis

Edite tabelas Markdown visualmente com alinhamento por coluna. Importe de CSV ou TSV, copie a saída no formato Markdown do GitHub.

Funciona offline depois de carregado
Importar de CSV, TSV ou Markdown
Pré-visualização
NomeE-mailFunção
Alicealice@example.comAdmin
Bobbob@example.comEditor
Carolcarol@example.comVisualizador
| Nome  | E-mail            |    Função    |
| :---- | :---------------- | :----------: |
| Alice | alice@example.com |    Admin     |
| Bob   | bob@example.com   |    Editor    |
| Carol | carol@example.com | Visualizador |

Usos comuns

  • Construir Tabelas para Arquivos GitHub READMEGitHub renderiza tabelas Markdown nativamente. Construa tabelas de comparação de recursos, referências de API ou roteiros visualmente.
  • Tabelas de Documentação e Referência de APIConstrua tabelas de parâmetros, referências de código de status e tabelas de definição de campo para documentação de API.
  • Construir Tabelas no Obsidian / Notion / LogseqAplicativos de anotações baseados em Markdown suportam tabelas. Construa mais rápido aqui do que em texto simples.
  • Adicionar Tabelas a Posts de BlogComparações de preços, matrizes de recursos e tabelas de referência de tutoriais — Markdown é a forma com menor atrito de adicioná-los.
  • Converter CSV para Tabela MarkdownCole CSV de uma planilha e obtenha uma tabela Markdown pronta para colar em documentos ou notas.

Como funciona

Esta ferramenta é um editor de tabela Markdown totalmente do lado do cliente construído sobre JavaScript escrito à mão — nenhuma biblioteca de tabelas de terceiros envolvida. Gera sintaxe de tabela GitHub Flavored Markdown diretamente no navegador, com preenchimento de largura de coluna ao vivo e marcadores de alinhamento por coluna, e também pode exportar os mesmos dados como HTML, CSV, marcação wiki JIRA, ou tabelas de grelha reStructuredText.

  1. 1
    Edite células na grelha visual
    Cada cabeçalho e célula é uma entrada editável. Enquanto escreve, as atualizações de estado do React ativam uma chamada useMemo que reexecuta o gerador imediatamente, para que o painel de saída atualize a cada tecla sem atraso de debounce.
  2. 2
    O gerador preenche e escapa a sintaxe GFM
    A função generateMarkdown escrita à mão mede a largura de conteúdo máxima de cada coluna, preenche cada célula com espaços para alinhamento, produz a linha separadora com marcadores :--- / ---: / :---:, e escapa caracteres de barra vertical literais como \| e novas linhas como elemento br para que a tabela permaneça válida em qualquer renderizador Markdown.
  3. 3
    Importar CSV, TSV, ou uma tabela Markdown existente
    Colar na caixa de importação ativa ou um analisador CSV/TSV RFC 4180 escrito à mão (lib/csv.ts) ou um analisador de tabela Markdown personalizado que divide linhas por barras verticais não escapadas e lê o alinhamento da linha separadora, permitindo-lhe reintroduzir uma tabela existente de volta ao editor.
  4. 4
    Copie no formato de que precisa
    Mudar a aba de formato de saída reexecuta o gerador correspondente (HTML com atributos de estilo, CSV RFC 4180, marcação wiki JIRA com cabeçalhos ||, ou tabelas de grade reStructuredText com bordas +---+) e o botão Copiar escreve o resultado na área de transferência via a API padrão navigator.clipboard.

Ferramentas relacionadas

Perguntas frequentes