Langkau ke kandungan utama

Penjana Jadual Markdown percuma

Edit jadual Markdown secara visual dengan penjajaran per lajur. Import dari CSV atau TSV, salin output Markdown berperisa GitHub.

Berfungsi luar talian selepas dimuatkan
Impor dari CSV, TSV, atau Markdown
Pratonton
NamaE-melPeranan
Alicealice@example.comAdmin
Bobbob@example.comEditor
Carolcarol@example.comPenonton
| Nama  | E-mel             | Peranan  |
| :---- | :---------------- | :------: |
| Alice | alice@example.com |  Admin   |
| Bob   | bob@example.com   |  Editor  |
| Carol | carol@example.com | Penonton |

Kegunaan biasa

  • Bina Jadual untuk Fail GitHub READMEGitHub membuat jadual Markdown secara asli. Bina jadual perbandingan ciri, rujukan API atau peta jalan secara visual.
  • Jadual Dokumentasi API dan RujukanBina jadual parameter, rujukan kod status dan jadual definisi medan untuk dokumentasi API.
  • Bina Jadual di Obsidian / Notion / LogseqAplikasi nota terfokus Markdown menyokong semua jadual. Binanya lebih cepat di sini daripada dalam teks biasa.
  • Tambah Jadual ke Catatan BlogPerbandingan harga, matriks ciri dan jadual rujukan tutorial β€” Markdown adalah cara paling sedikit geseran untuk menambahkannya.
  • Tukar CSV kepada Jadual MarkdownLekatkan CSV dari hamparan, dapatkan jadual Markdown siap untuk ditempel ke dokumen atau nota.

Cara ia berfungsi

Alat ini ialah editor jadual Markdown sepenuhnya-sisi-klien dibina atas JavaScript tulisan tangan β€” tiada pustaka jadual pihak ketiga terlibat. Ia menjana sintaks jadual-paip GFM (GitHub Flavored Markdown) terus dalam pelayar, dengan lapisan lebar-lajur langsung dan penanda penjajaran setiap-lajur, dan juga boleh eksport data yang sama sebagai HTML, CSV, markup wiki JIRA, atau jadual grid reStructuredText.

  1. 1
    Edit sel dalam grid visual
    Setiap pengepala dan sel ialah input boleh edit. Semasa anda menaip, kemas kini state React mencetuskan panggilan useMemo yang menjalankan semula penjana serta-merta, jadi panel output disegarkan pada setiap ketukan kekunci tanpa kelewatan debounce.
  2. 2
    Penjana melapis dan melepasi sintaks GFM
    Fungsi generateMarkdown tulisan tangan mengukur lebar kandungan maksimum setiap lajur, melapis setiap sel dengan ruang untuk penjajaran, menghasilkan baris pemisah dengan penanda :--- / ---: / :---:, dan melepasi aksara paip literal sebagai \| dan baris baharu sebagai elemen br supaya jadual kekal sah di dalam mana-mana pemapar Markdown.
  3. 3
    Import CSV, TSV, atau jadual Markdown sedia ada
    Menampal ke dalam kotak import mencetuskan sama ada penghurai CSV/TSV RFC 4180 tulisan tangan (lib/csv.ts) atau penghurai jadual Markdown tersuai yang memecah baris pada paip tidak-terescape dan membaca penjajaran daripada baris pemisah, membolehkan anda mengembalikan jadual sedia ada semula ke dalam editor.
  4. 4
    Salin dalam format yang anda perlukan
    Menukar tab format output menjalankan semula penjana yang sepadan (HTML dengan atribut style, CSV RFC 4180, markup-wiki JIRA dengan pengepala ||, atau jadual grid reStructuredText dengan sempadan +---+) dan butang Salin menulis hasil ke papan keratan melalui API navigator.clipboard standard.

Alat berkaitan

Soalan lazim