Langsung ke konten utama

Generator Tabel Markdown gratis

Edit tabel Markdown secara visual dengan perataan per kolom. Impor dari CSV atau TSV, salin output Markdown bergaya GitHub.

Berfungsi offline setelah dimuat
Impor dari CSV, TSV, atau Markdown
Pratinjau
NamaEmailPeran
Alicealice@example.comAdmin
Bobbob@example.comEditor
Carolcarol@example.comPeninjau
| Nama  | Email             |  Peran   |
| :---- | :---------------- | :------: |
| Alice | alice@example.com |  Admin   |
| Bob   | bob@example.com   |  Editor  |
| Carol | carol@example.com | Peninjau |

Penggunaan umum

  • Buat Tabel untuk File README GitHubGitHub menampilkan tabel Markdown secara native. Buat tabel perbandingan fitur, referensi API, atau roadmap secara visual.
  • Tabel Dokumentasi API dan ReferensiBuat tabel parameter, referensi kode status, dan tabel definisi bidang untuk dokumentasi API.
  • Buat Tabel di Obsidian / Notion / LogseqAplikasi pencatat berbasis Markdown semuanya mendukung tabel. Buatnya lebih cepat di sini daripada dalam teks biasa.
  • Tambahkan Tabel ke Posting BlogPerbandingan harga, matriks fitur, dan tabel referensi tutorial β€” Markdown adalah cara paling rendah gesekan untuk menambahkannya.
  • Konversi CSV ke Tabel MarkdownTempel CSV dari spreadsheet, dapatkan tabel Markdown siap tempel ke dokumen atau catatan.

Cara kerja

Alat ini adalah editor tabel Markdown yang sepenuhnya sisi-klien yang dibangun di atas JavaScript tulisan tangan β€” tanpa library tabel pihak ketiga yang terlibat. Ini menghasilkan sintaks pipe-table GitHub Flavored Markdown langsung di browser, dengan padding lebar-kolom langsung dan penanda perataan per-kolom, dan juga bisa mengekspor data yang sama sebagai HTML, CSV, markup wiki JIRA, atau tabel grid reStructuredText.

  1. 1
    Edit sel dalam grid visual
    Setiap header dan sel adalah input yang dapat diedit. Saat Anda mengetik, pembaruan state React memicu panggilan useMemo yang segera menjalankan ulang generator, sehingga panel keluaran menyegarkan pada setiap ketukan tombol tanpa jeda debounce.
  2. 2
    Generator memberi padding dan escape sintaks GFM
    Fungsi generateMarkdown tulisan tangan mengukur lebar konten maksimum setiap kolom, memberi padding spasi pada setiap sel untuk perataan, menghasilkan baris pemisah dengan penanda :--- / ---: / :---:, dan meng-escape karakter pipe literal sebagai \| dan baris baru sebagai elemen br sehingga tabel tetap valid di dalam renderer Markdown apa pun.
  3. 3
    Impor CSV, TSV, atau tabel Markdown yang sudah ada
    Menempel ke kotak impor memicu baik parser CSV/TSV RFC 4180 tulisan tangan (lib/csv.ts) atau parser tabel Markdown khusus yang membagi baris pada pipe yang tidak di-escape dan membaca perataan dari baris pemisah, memungkinkan Anda memutar-balik tabel yang sudah ada kembali ke editor.
  4. 4
    Salin dalam format yang Anda butuhkan
    Beralih tab format keluaran menjalankan ulang generator yang sesuai (HTML dengan atribut gaya, CSV RFC 4180, markup-wiki JIRA dengan header ||, atau tabel grid reStructuredText dengan batas +---+) dan tombol Salin menulis hasilnya ke clipboard via navigator.clipboard API standar.

Alat terkait

Pertanyaan yang sering diajukan