Перейти к основному содержимому
LibraTool logoLibraTool

Генератор таблиц Markdown — бесплатно

Визуально редактируйте таблицы Markdown с выравниванием по столбцам. Импортируйте из CSV или TSV, копируйте вывод в формате GitHub Flavored Markdown.

Работает офлайн после загрузки
Импорт из CSV, TSV или Markdown
Предпросмотр
ИмяE-mailРоль
Алисаalice@example.comАдминистратор
Бобbob@example.comРедактор
Кэролcarol@example.comНаблюдатель
| Имя   | E-mail            |     Роль      |
| :---- | :---------------- | :-----------: |
| Алиса | alice@example.com | Администратор |
| Боб   | bob@example.com   |   Редактор    |
| Кэрол | carol@example.com |  Наблюдатель  |

Частые применения

  • Создание таблиц для файлов GitHub READMEGitHub изначально отображает таблицы Markdown. Создавайте таблицы сравнения функций, справочники API или дорожные карты визуально.
  • Таблицы документации и справочника APIСоздавайте таблицы параметров, справочники кодов состояния и таблицы определения полей для документации API.
  • Создание таблиц в Obsidian / Notion / LogseqПриложения для заметок на основе Markdown поддерживают таблицы. Создавайте быстрее здесь, чем в простом тексте.
  • Добавление таблиц в посты блогаСравнение цен, матрицы функций и справочные таблицы учебников — Markdown — это способ с наименьшим трением для их добавления.
  • Преобразование CSV в таблицу MarkdownВставьте CSV из электронной таблицы и получите готовую таблицу Markdown для вставки в документы или заметки.

Как это работает

Этот инструмент — полностью клиентский редактор таблиц Markdown, построенный на написанном вручную JavaScript — сторонняя библиотека таблиц не задействована. Он генерирует синтаксис pipe-таблиц 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 с атрибутами стиля, CSV RFC 4180, разметку вики JIRA с заголовками ||, или таблицы сетки reStructuredText с границами +---+), и кнопка Копировать записывает результат в буфер обмена через стандартный API navigator.clipboard.

Похожие инструменты

Часто задаваемые вопросы