Перейти до основного вмісту
LibraTool logoLibraTool

Генератор таблиць Markdown — безкоштовно

Візуально редагуйте таблиці Markdown із вирівнюванням по стовпцях. Імпортуйте з CSV або TSV, копіюйте результат у форматі Markdown GitHub.

Працює офлайн після завантаження
Імпортувати з CSV, TSV або Markdown
Попередній перегляд
ІмʼяЕл. поштаРоль
Alicealice@example.comАдміністратор
Bobbob@example.comРедактор
Carolcarol@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. 1
    Редагуйте клітинки у візуальній сітці
    Кожен заголовок і клітинка — редаговане поле. Під час введення оновлення стану React запускають виклик useMemo, що одразу повторно виконує генератор, тож панель результату оновлюється з кожним натисканням без затримки.
  2. 2
    Генератор вирівнює й екранує синтаксис GFM
    Власноруч написана функція generateMarkdown вимірює максимальну ширину вмісту кожного стовпця, доповнює кожну клітинку пробілами для вирівнювання, створює рядок-роздільник із маркерами :--- / ---: / :---: і екранує буквальні вертикальні риски як \|, а переноси рядків — як елемент br, щоб таблиця залишалася коректною в будь-якому рендерері Markdown.
  3. 3
    Імпорт CSV, TSV або наявної таблиці Markdown
    Вставлення в поле імпорту запускає або власноруч написаний парсер CSV/TSV за RFC 4180 (lib/csv.ts), або власний парсер таблиць Markdown, що ділить рядки за неекранованими вертикальними рисками й читає вирівнювання з рядка-роздільника, — так можна повернути наявну таблицю в редактор.
  4. 4
    Копіюйте в потрібному форматі
    Перемикання вкладки формату повторно запускає відповідний генератор (HTML з атрибутами style, CSV за RFC 4180, вікі-розмітка JIRA із заголовками ||, або таблиці-сітки reStructuredText з межами +---+), а кнопка «Копіювати» записує результат у буфер обміну через стандартний API navigator.clipboard.

Схожі інструменти

Часті запитання