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

Таблицы Markdown капризны: достаточно одной пропущенной вертикальной черты или неровной строки-разделителя, и вся таблица отображается как обычный текст. Этот генератор даёт визуальную сетку для ввода, позволяет вставлять CSV или TSV из электронной таблицы и формирует выровненную таблицу Markdown, в которой столбцы выровнены прямо в исходнике, её гораздо легче читать в diff и исправить с первого раза.

Как создать таблицу в Markdown

  1. 1

    Выберите строки и столбцы

    Или вставьте файлы форматов CSV или TSV, инструмент автоматически определит необходимые размерности.

  2. 2

    Введите содержимое ячеек

    Щёлкните по каждой ячейке. Клавиши Tab и стрелки позволяют перемещаться как в электронной таблице.

  3. 3

    Настройте выравнивание столбцов

    Слева (по умолчанию), по центру или справа в каждой колонке через строку заголовка.

  4. 4

    Скопируйте вывод Markdown

    Инструмент дополняет вертикальные черты до ширины столбца, чтобы исходный код выглядел аккуратно.

Синтаксис таблиц Markdown

Базовая таблица:

| Столбец A | Столбец B | Столбец C |
|-----------|-----------|-----------|
| ячейка 1  | ячейка 2  | ячейка 3  |
| ячейка 4  | ячейка 5  | ячейка 6  |

Выравнивание задаётся двоеточиями в строке-разделителе:

| Слева | По центру | Справа |
|:------|:---------:|-------:|
| a     | b         | c      |
  • :--- выравнивание по левому краю
  • :---: по центру
  • ---: выравнивание по правому краю

Что генератор делает за вас

  • Дополняет каждую ячейку до ширины самого длинного элемента в её столбце, чтобы вертикальные черты выравнивались в исходнике. На отображаемый результат это не влияет, Markdown игнорирует лишние пробелы, но тот, кто читает diff, скажет вам спасибо.
  • Экранирует вертикальные черты внутри ячеек как \|, чтобы ячейка, содержащая a|b, не разбивалась на два столбца.
  • Сохраняет выравнивание при изменении ширины столбцов.
  • Принимает вставку CSV и TSV; распознаёт поля в кавычках и запятые внутри кавычек.

Распространённые ошибки

  • Строка-разделитель обязательна. Таблицы Markdown без строки |---|---| отображаются как обычный текст.
  • Нет многострочных ячеек. Каждая строка, это одна строка текста; вставьте <br>, если нужен внутренний перенос, поскольку переносы строк Markdown внутри ячеек таблицы не поддерживаются.
  • Нет вложенных таблиц. Если они нужны, используйте HTML.
  • Пустые ячейки требуют пробела (или хотя бы пустой пары вертикальных черт). Избегайте || напрямую.

Когда лучше использовать HTML

Если вам нужны colspan, rowspan, многострочные ячейки или пользовательские CSS-классы, таблицы HTML, подходящий инструмент. Большинство парсеров Markdown принимают сырую разметку HTML-таблиц прямо в тексте.

Где таблицы Markdown работают хорошо

  • README на GitHub, GitLab, Gitea.
  • Описания задач и пул-реквестов (PR).
  • Obsidian, Bear и большинство приложений для заметок.
  • Docusaurus, MkDocs, Hugo, все поддерживают таблицы GFM.

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

Напрямую нет. Для переноса строки внутри текста используйте <br>; для настоящего многострочного содержимого (блоки кода, списки внутри ячейки) используйте HTML-<table>.

GFM не поддерживает объединённые ячейки. Если вам необходимы коды colspan или rowspan, используйте HTML в документе в формате Markdown, большинство рендереров автоматически преобразуют код <table> без дополнительной обработки.

Нет. Итоговый HTML одинаков с отступами и без них; отступы, это исключительно выбор в пользу читаемости исходного кода.

Да. При копировании из электронной таблицы в буфер обмена попадают данные в формате TSV (значения, разделённые табуляцией). Генератор распознаёт TSV и создаёт таблицу Markdown с теми же строками и столбцами.

Напишите \|. Большинство парсеров затем отображают вертикальную черту буквально, не нарушая границу столбца.

Сопутствующие инструменты

Генератор вымышленных телефонных номеров

Создавайте до 50 вымышленных номеров из официально зарезервированных диапазонов пяти стран.

Генератор конфигурации webpack

Создайте webpack.config.js для webpack 5 под чистый JavaScript, React или Vue: TypeScript, Babel, CSS или Sass, изображения, HtmlWebpackPlugin, dev-сервер и команда npm install.

Генератор случайных букв

Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.

Генератор бейджей README

Создавайте бейджи shields.io для файлов README на GitHub: статус сборки, версия, лицензия, число загрузок и покрытие кода. Просмотрите и скопируйте фрагмент Markdown.

Валидатор XSD

Проверьте XML-документ в соответствии с схемой XSD и выявите несоответствия между элементами и их типами, указав точные номера строк.

Проверка телефонных номеров

Проверьте структуру номера по стране и получите регион, тип, форматы E.164, международный, национальный и RFC 3966.

Инструмент доступен на других языках