Генератор таблиць Markdown — безкоштовно
Візуально редагуйте таблиці Markdown із вирівнюванням по стовпцях. Імпортуйте з CSV або TSV, копіюйте результат у форматі Markdown GitHub.
Імпортувати з CSV, TSV або Markdown
| Імʼя | Ел. пошта | Роль |
|---|---|---|
| Alice | alice@example.com | Адміністратор |
| Bob | bob@example.com | Редактор |
| Carol | carol@example.com | Переглядач |
| Імʼя | Ел. пошта | Роль | | :---- | :---------------- | :-----------: | | Alice | alice@example.com | Адміністратор | | Bob | bob@example.com | Редактор | | Carol | carol@example.com | Переглядач |
Типові застосування
- Побудова таблиць для файлів GitHub READMEGitHub надає таблиці Markdown нативно. Побудуйте таблиці порівняння функцій, посилання на API або дорожні карти візуально.
- Таблиці документації API та посиланняПобудуйте таблиці параметрів, посилання на коди статусу та таблиці визначення полів для документації API.
- Побудова таблиць у Obsidian / Notion / LogseqДодатки для створення нотаток на основі Markdown підтримують усі таблиці. Побудуйте їх швидше тут, ніж у простому тексті.
- Додавання таблиць до записів блогуПорівняння цін, матриці функцій та таблиці посилань навчального матеріалу — Markdown — це найменш затратний спосіб їх додавання.
- Конвертація CSV у таблицю MarkdownВставте CSV із електронної таблиці, отримайте таблицю Markdown, готову до вставлення в документи або нотатки.
Як це працює
Це повністю клієнтський редактор таблиць Markdown на власноруч написаному JavaScript — без сторонніх бібліотек таблиць. Він генерує синтаксис таблиць GitHub Flavored Markdown прямо в браузері з живим вирівнюванням ширини стовпців і маркерами вирівнювання для кожного стовпця, а також може експортувати ті самі дані як HTML, CSV, вікі-розмітку JIRA або таблиці-сітки reStructuredText.
- 1Редагуйте клітинки у візуальній сітціКожен заголовок і клітинка — редаговане поле. Під час введення оновлення стану React запускають виклик useMemo, що одразу повторно виконує генератор, тож панель результату оновлюється з кожним натисканням без затримки.
- 2Генератор вирівнює й екранує синтаксис GFMВласноруч написана функція generateMarkdown вимірює максимальну ширину вмісту кожного стовпця, доповнює кожну клітинку пробілами для вирівнювання, створює рядок-роздільник із маркерами :--- / ---: / :---: і екранує буквальні вертикальні риски як \|, а переноси рядків — як елемент br, щоб таблиця залишалася коректною в будь-якому рендерері Markdown.
- 3Імпорт CSV, TSV або наявної таблиці MarkdownВставлення в поле імпорту запускає або власноруч написаний парсер CSV/TSV за RFC 4180 (lib/csv.ts), або власний парсер таблиць Markdown, що ділить рядки за неекранованими вертикальними рисками й читає вирівнювання з рядка-роздільника, — так можна повернути наявну таблицю в редактор.
- 4Копіюйте в потрібному форматіПеремикання вкладки формату повторно запускає відповідний генератор (HTML з атрибутами style, CSV за RFC 4180, вікі-розмітка JIRA із заголовками ||, або таблиці-сітки reStructuredText з межами +---+), а кнопка «Копіювати» записує результат у буфер обміну через стандартний API navigator.clipboard.
Схожі інструменти
PDF в Excel
Витягніть таблиці з банківських виписок, рахунків і звітів у PDF до Excel (.xlsx) або CSV. Спершу перегляньте рядки; суми залишаються справжніми числами. Працює у браузері — нічого не завантажується.
Переглядач CSV та рендерер таблиць
Вставте або завантажте CSV/TSV і відобразіть як таблицю з сортуванням та пошуком. Автоматично визначає роздільники. Перевіряйте дамп даних без відкриття Excel.
Канбан-дошка
Плануйте роботу на особистій канбан-дошці зі стовпцями, картками, мітками та термінами, перетягуйте картки між стовпцями й експортуйте свої дошки як JSON, Markdown або CSV.