Генератор таблиц Markdown — бесплатно
Визуально редактируйте таблицы Markdown с выравниванием по столбцам. Импортируйте из CSV или TSV, копируйте вывод в формате GitHub Flavored Markdown.
Импорт из CSV, TSV или Markdown
| Имя | Роль | |
|---|---|---|
| Алиса | 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Редактируйте ячейки в визуальной сеткеКаждый заголовок и ячейка — редактируемый ввод. По мере ввода обновления состояния React запускают вызов useMemo, который немедленно перезапускает генератор, так что панель вывода обновляется при каждом нажатии клавиши без задержки.
- 2Генератор дополняет и экранирует синтаксис GFMНаписанная вручную функция generateMarkdown измеряет максимальную ширину содержимого каждого столбца, дополняет каждую ячейку пробелами для выравнивания, производит строку-разделитель с маркерами :--- / ---: / :---:, и экранирует буквальные символы вертикальной черты как \| и переводы строк как элемент br, так что таблица остаётся валидной внутри любого рендерера Markdown.
- 3Импорт CSV, TSV или существующей таблицы MarkdownВставка в поле импорта запускает либо написанный вручную парсер CSV/TSV, соответствующий RFC 4180 (lib/csv.ts), либо пользовательский парсер таблиц Markdown, который разбивает строки по неэкранированным вертикальным чертам и считывает выравнивание из строки-разделителя, позволяя вам вернуть существующую таблицу обратно в редактор.
- 4Копируйте в нужном вам форматеПереключение вкладки формата вывода перезапускает соответствующий генератор (HTML с атрибутами стиля, CSV RFC 4180, разметку вики JIRA с заголовками ||, или таблицы сетки reStructuredText с границами +---+), и кнопка Копировать записывает результат в буфер обмена через стандартный API navigator.clipboard.
Похожие инструменты
PDF в Excel
Извлекайте таблицы из банковских выписок, счетов и отчётов в PDF в Excel (.xlsx) или CSV. Сначала можно просмотреть строки; суммы остаются настоящими числами. Работает в браузере — ничего не загружается.
Просмотрщик CSV и рендерер таблиц
Вставляйте или загружайте CSV/TSV и отображайте как сортируемую, поисковую таблицу. Автоопределение разделителей. Изучайте дампы данных без Excel.
Канбан-доска
Планируйте работу на личной канбан-доске со столбцами, карточками, метками и сроками, перетаскивайте карточки между столбцами и экспортируйте доски в JSON, Markdown или CSV.