Към основното съдържание
LibraTool logoLibraTool

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

Редактирайте визуално Markdown таблици с подравняване по колона. Импортирайте от CSV или TSV, копирайте изхода в GitHub Markdown формат.

Работи офлайн след зареждане
Импортиране от 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 README файловеGitHub съчинява Markdown таблици от местно. Постройте таблици за сравнение на функции, API справочници или пътни карти визуално.
  • API и справочни таблици на документациятаПостройте таблици с параметри, справочници на кодове на статус и таблици за дефиниране на полета за API документация.
  • Построяване на таблици в Obsidian / Notion / LogseqВсички приложения за бележки на Markdown първо поддържат таблици. Постройте ги по-бързо тук, отколкото в обикновен текст.
  • Добавяне на таблици към блог постоветеСравнения на цени, матрици на функции и справочни таблици на наръчниците — Markdown е начинът с най-малко триене, за да ги добавите.
  • Преобразувайте CSV в Markdown таблицаЗалепете CSV от електронна таблица, получете Markdown таблица готова да залепите в документи или бележки.

Как работи

Този инструмент е напълно клиентски редактор на Markdown таблици, изграден на ръчно написан JavaScript — не участва библиотека за таблици на трета страна. Той генерира синтаксис на таблица с вертикална черта в GitHub Flavored Markdown директно в браузъра, с попълване на ширината на колоните на живо и маркери за подравняване на всяка колона, и може също да експортира същите данни като HTML, CSV, JIRA wiki markup или таблици в мрежа reStructuredText.

  1. 1
    Редактирайте клетки във визуалната мрежа
    Всяко заглавие и клетка е редактируем вход. Докато пишете, обновяванията на React state задействат извикване на 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 wiki-markup със заглавия || или таблици в мрежа reStructuredText с граници +---+), а бутонът „Копирай“ записва резултата в клипборда чрез стандартния navigator.clipboard API.

Свързани инструменти

Често задавани въпроси