Przejdź do głównej treści
LibraTool logoLibraTool

Generator tabel Markdown za darmo

Wizualnie edytuj tabele Markdown z wyrównaniem na kolumnę. Importuj z CSV lub TSV, kopiuj wyjście Markdown zgodne z GitHub.

Działa offline po wczytaniu
Importuj z CSV, TSV lub Markdown
Podgląd
NazwaE-mailRola
Alicealice@example.comAdministrator
Bobbob@example.comEdytor
Carolcarol@example.comPrzeglądający
| Nazwa | E-mail            |     Rola      |
| :---- | :---------------- | :-----------: |
| Alice | alice@example.com | Administrator |
| Bob   | bob@example.com   |    Edytor     |
| Carol | carol@example.com | Przeglądający |

Typowe zastosowania

  • Buduj Tabele dla Plików GitHub READMEGitHub natywnie renderuje tabele Markdown. Buduj tabele porównania funkcji, odniesienia API lub mapy drogowe wizualnie.
  • Tabele Dokumentacji API i OdniesieniaBuduj tabele parametrów, odniesienia kodów stanu i tabele definicji pól dla dokumentacji API.
  • Buduj Tabele w Obsidian / Notion / LogseqAplikacje do notatek skoncentrowane na Markdown obsługują tabele. Buduj je szybciej tutaj niż w zwykłym tekście.
  • Dodaj Tabele do Postów BlogaPorównania cen, macierze funkcji i tabele odniesienia samouczków — Markdown to sposób o najmniejszym oporu.
  • Konwertuj CSV na Tabelę MarkdownWklej CSV z arkusza kalkulacyjnego, uzyskaj tabelę Markdown gotową do wklejenia do dokumentów lub notatek.

Jak to działa

To narzędzie to edytor tabel Markdown działający w całości po stronie klienta, zbudowany na ręcznie napisanym JavaScript — bez zewnętrznej biblioteki tabel. Generuje składnię tabel GitHub Flavored Markdown z kreskami pionowymi bezpośrednio w przeglądarce, z dopełnianiem szerokości kolumn na żywo i znacznikami wyrównania dla każdej kolumny, a te same dane może też wyeksportować jako HTML, CSV, znaczniki wiki JIRA lub tabele siatkowe reStructuredText.

  1. 1
    Edytuj komórki w siatce wizualnej
    Każdy nagłówek i komórka to edytowalne pole. Podczas pisania aktualizacje stanu React wywołują useMemo, które natychmiast ponownie uruchamia generator, więc panel wyniku odświeża się przy każdym naciśnięciu klawisza, bez opóźnień.
  2. 2
    Generator dopełnia i escapuje składnię GFM
    Ręcznie napisana funkcja generateMarkdown mierzy maksymalną szerokość zawartości każdej kolumny, dopełnia każdą komórkę spacjami dla wyrównania, tworzy wiersz separatora ze znacznikami :--- / ---: / :---: i escapuje dosłowne kreski pionowe jako \| oraz znaki nowego wiersza jako element br, aby tabela pozostała poprawna w każdym rendererze Markdown.
  3. 3
    Import CSV, TSV lub istniejącej tabeli Markdown
    Wklejenie do pola importu uruchamia ręcznie napisany parser CSV/TSV zgodny z RFC 4180 (lib/csv.ts) lub własny parser tabel Markdown, który dzieli wiersze na nieescapowanych kreskach pionowych i odczytuje wyrównanie z wiersza separatora — dzięki temu możesz wczytać istniejącą tabelę z powrotem do edytora.
  4. 4
    Kopiuj w potrzebnym formacie
    Przełączenie karty formatu wyjściowego ponownie uruchamia odpowiedni generator (HTML z atrybutami style, CSV zgodny z RFC 4180, znaczniki wiki JIRA z nagłówkami || lub tabele siatkowe reStructuredText z obramowaniem +---+), a przycisk Kopiuj zapisuje wynik do schowka przez standardowe API navigator.clipboard.

Powiązane narzędzia

Często zadawane pytania