Edytor wizualny tabel Markdown

Twórz tabele Markdown wizualnie jak w Excelu. Dodawaj wiersze i kolumny, wyrównuj tekst. Generator kodu Markdown tabeli. Bezpłatnie.

Bezpieczne (SSL)

Przetwarzanie Lokalne

100% Darmowe

Przejdź do narzędzia

Instrukcja

1

Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku.
2

Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce.
3

Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.

                                                function runTool() {

                                                  return "Wynik gotowy w 0.1s";

                                                }

Ustawienia

Nagłówek tabeli

Znaki | na brzegach wierszy Opcja narzędzia

Wyrównaj kolumny spacjami Opcja narzędzia

Escapuj znak | w komórkach Opcja narzędzia

Dane tabeli (wiersz = linia; kolumny rozdziel TAB, | lub przecinkiem)

210 znaków

Wyrównanie kolumn (left/center/right, po przecinku)

Wynik

| Feature        | Example               | Why it matters                  |
| :------------- | :-------------------: | :------------------------------ |
| Alignment      | Left / Center / Right | Improves readability in docs    |
| Escaping pipes | Use \\| inside cells  | Prevents broken table structure |
| Pretty columns | Pad with spaces       | Cleaner diffs in Git            |

Wiersze

4 szt.

nagłówek + wiersze danych z pola „Dane tabeli” (limit 30)

Kolumny

3 szt.

najszerszy wiersz wejścia decyduje o liczbie kolumn (limit 12)

Rozmiar

384 B

wygenerowany Markdown — przy „Wyrównaj kolumny spacjami” plik lekko rośnie

Ściąga: składnia tabeli Markdown generowana przez to narzędzie

Tabela w Markdown to wiersz nagłówka, pod nim linia separatorów z wyrównaniami, a dalej wiersze danych — dokładnie tak buduje ją metoda buildMarkdownTable(): kolumny łączy sekwencją spacja–|–spacja, opcjonalnie dokleja kreski brzegowe, escapuje pionowe kreski w treści i dosuwa spacje do szerokości kolumn.

Elementy składni 1:1 z kodu silnika (buildMarkdownTable, sanitizeCell)
Element	Zapis w Markdown	Znaczenie i opcja w formularzu
Separator: wyrównanie do lewej	:---	domyślne wyrównanie kolumny (opcja „left” w polu wyrównań)
Separator: wyrównanie do środka	:---:	dwukropek z obu stron — opcja „center”
Separator: wyrównanie do prawej	---:	dwukropek po prawej — opcja „right”
Rozdzielacz komórek	spacja + \| + spacja	kolumny łączy formatRow dokładnie tą sekwencją
Kreski na brzegach wiersza	\| A \| B \|	opcja „Znaki \| na brzegach wierszy” (outer_pipes) — bez niej zostaje samo wnętrze
Pionowa kreska w treści komórki	\\|	opcja „Escapuj znak \| w komórkach” — treść nie łamie struktury tabeli (sanitizeCell)
Enter w komórce	<br>	silnik zamienia nową linię na <br>, żeby komórka pozostała jednolinijkowa
Wyrównanie spacjami	dosuwanie do najdłuższej komórki kolumny (min. 3 znaki)	opcja „Wyrównaj kolumny spacjami” (pretty_align) — czytelniejszy diff, identyczny wynik HTML
Wynik w HTML	<table> z <th> i <td>	przy trybie „Pierwszy wiersz jako nagłówek” renderery (GitHub/GFM) robią z niego <th>

Przykład wygenerowany silnikiem na domyślnych danych narzędzia (nagłówek z pierwszego wiersza, kreski brzegowe, wyrównanie spacjami, escapowanie kresek):

| Feature        | Example               | Why it matters                  |
| :------------- | :-------------------: | :------------------------------ |
| Alignment      | Left / Center / Right | Improves readability in docs    |
| Escaping pipes | Use \\| inside cells  | Prevents broken table structure |
| Pretty columns | Pad with spaces       | Cleaner diffs in Git            |

Markdown a HTML: renderery (GitHub, GitLab, większość CMS-ów) zamieniają taki zapis na pełną tabelę HTML — <table> z nagłówkami <th> z pierwszego wiersza i komórkami <td>. Wyrównania z linii separatorów trafiają do atrybutu style komórek, a <br> w komórce łamie treść wewnątrz komórki HTML.

Warto wiedzieć — tabele Markdown w GitHub, CMS i diffach

GitHub i GitLab (GFM)

GitHub Flavored Markdown wymaga linii separatorów z co najmniej trzema myślnikami na kolumnę i akceptuje tabelę bez brzegowych kresek — ta druga jest jednak krucha przy edycji. Kreski na brzegach (opcja outer_pipes) plus wyrównanie spacjami sprawiają, że w podglądzie pull requesta tabela wygląda jak tabela także w surowym pliku.

Wyrównanie spacjami a diffy

Dosunięte kolumny nic nie zmieniają w HTML, ale robią ogromną różnicę w diffach: zmiana jednej komórki to wyrównany plik, w którym widać co dokładnie się zmieniło. Dlatego opcja pretty_align jest domyślnie włączona w przykładzie tego narzędzia — a koszt to tylko kilka nadmiarowych bajtów.

Kreska pionowa w treści

Pojedyncza kreska | w komórce (wyrażenie regularne, typ unia w TypeScript, tabelka w tabelce) rozcina wiersz na kolumny i psuje całą tabelę. Escapowanie \| z opcji narzędzia rozwiązuje problem we wszystkich popularnych rendererach.

CMS-y i dostępność

Nie każdy CMS rozumie Markdown z pudełka — WordPress potrzebuje bloku tabeli albo wtyczki Markdown, a Notion czy Obsidian wklejony zapis konwertują same. Niezależnie od miejsca publikacji nagłówek z pierwszego wiersza staje się <th>, co daje czytnikom ekranu kontekst kolumn przy czytaniu komórek.

Oceń to narzędzie:

Powiązane narzędzia

Inne narzędzia, które mogą Ci się przydać

Edytor wizualny tabel Markdown — twórz tabele bez kodowania

Edytor wizualny tabel Markdown pozwala tworzyć, edytować i formatować tabele Markdown w wygodnym interfejsie WYSIWYG — bez ręcznego pisania kodu. Importuj CSV, eksportuj Markdown, HTML lub JSON. Kopiuj gotowy kod jednym kliknięciem.

Składnia tabel w Markdown

Tabele w Markdown (GFM — GitHub Flavored Markdown) mają specyficzną składnię. Przykład: | Kolumna 1 | Kolumna 2 | Kolumna 3 | (linia nagłówkowa), |-----------|-----------|-----------| (linia separatora — obowiązkowa), | Dane 1 | Dane 2 | Dane 3 | (wiersze danych). Separator może zawierać dwukropki do wyrównania: |:----------|:---------:|---------:| dla: lewa strona, środek, prawa strona. Edytor obsługuje wszystkie typy wyrównania i generuje poprawny kod GFM.

Formatowanie tabel w Markdown

W komórkach tabeli Markdown obsługuje inline formatting: **pogrubienie**, *kursywa*, `kod`, linki [tekst](url). Nie obsługuje: wieloliniowych komórek (każda komórka musi być w jednej linii), zagnieżdżonych tabel, scalania komórek (colspan/rowspan — to funkcje HTML). Dla zaawansowanych tabel (scalanie, wieloliniowe komórki) użyj HTML lub innego formatu. Edytor ostrzega o niezgodnej treści i proponuje alternatywy.

Konwersja CSV na Markdown

Wklej dane CSV (rozdzielone przecinkami lub tabulatorami) lub załaduj plik .csv — edytor automatycznie skonwertuje na tabelę Markdown. Obsługa: nagłówki w pierwszym wierszu, automatyczne wykrywanie separatora (przecinek, średnik, tabulator), opcja usunięcia cudzysłowów ze stringów CSV, kodowanie UTF-8 z obsługą polskich znaków. Odwrotna konwersja (Markdown → CSV) pozwala wyeksportować dane z dokumentów Markdown.

Gdzie używać tabel Markdown?

Tabele Markdown są obsługiwane przez: GitHub i GitLab (README.md, dokumentacja, wiki), Notion (inline Markdown mode), Obsidian i inne notatniki Markdown, GitBook, MkDocs i Docusaurus (dokumentacja techniczna), Slack (ograniczona obsługa), Discord (ograniczona obsługa), Reddit (r/all nie, ale niektóre subreddity), edytory techniczne jak Typora, VS Code, JetBrains IDEs. Sprawdź, czy Twoja platforma obsługuje GFM — nie wszystkie Markdown parsery obsługują tabele.

Najczęściej zadawane pytania

Dlaczego moja tabela Markdown nie renderuje się poprawnie?

Najczęstsze przyczyny: brakujący separator między nagłówkami a danymi (linia z ---), niezgodna liczba kolumn w różnych wierszach, spacje po pipe (|) są wymagane lub opcjonalne zależnie od parsera, parser nie obsługuje GFM (tabele są rozszerzeniem, nie standardem CommonMark). Sprawdź w edytorze podgląd — jeśli renderuje poprawnie, problem jest po stronie parsera Twojej platformy.

Jak wyrównać tekst w kolumnach tabeli Markdown?

Wyrównanie przez modyfikację linii separatora: |:-------| = lewa strona (domyślnie), |:------:| = wyśrodkowanie, |-------:| = prawa strona. Przykład pełnej tabeli z wyrównaniem: | Produkt | Cena | Ilość |, |:--------|-----:|:------:|, | Jabłko | 2.50 | 10 |. Edytor obsługuje przyciski wyrównania dla każdej kolumny.

Jak dodać kod lub link do komórki tabeli Markdown?

Jak skonwertować tabelę HTML na Markdown?

Konwersja HTML → Markdown: użyj naszego narzędzia "paste HTML" — edytor automatycznie przekształci <table> w składnię Markdown (jeśli nie ma colspan/rowspan). Alternatywnie: pandoc (CLI) pandoc -f html -t markdown input.html, online konwersja przez turndown.js. Uwaga: colspan i rowspan nie mają odpowiednika w GFM — takie tabele muszą być uproszczone.

Jakie edytory Markdown obsługują wizualną edycję tabel?

Edytory z GUI dla tabel Markdown: Typora (WYSIWYG, desktop), Obsidian z wtyczką "Advanced Tables", Notion (tabele Notion różnią się od Markdown), VS Code + rozszerzenie "Markdown All in One" (formatowanie, ale nie pełne GUI), Mark Text (open-source WYSIWYG). Nasz edytor online nie wymaga instalacji i działa w każdej przeglądarce.