Kategori: Alat pengembang

CSV ke Tabel HTML

Ide kami sendiriAlatnya tidak ada?

Konversi CSV menjadi tabel HTML yang di-escape

Tempel data CSV, dipisah titik koma, tab, atau pipa dan hasilkan markup tabel HTML, dengan opsi menjadikan baris pertama sebagai header. Setiap nilai sel di-escape sebagai HTML. Berjalan sepenuhnya di peramban Anda.

Tabel dengan 2 baris dibuat di peramban Anda.

HTML
<table>
  <thead>
    <tr><th>name</th><th>score</th><th>team</th></tr>
  </thead>
  <tbody>
    <tr><td>Ava</td><td>92</td><td>Blue</td></tr>
    <tr><td>Noah</td><td>88</td><td>Green</td></tr>
  </tbody>
</table>

Semua yang ada di halaman ini diproses di peramban Anda. Tidak ada yang diunggah.

Apa fungsi alat ini

Menerbitkan hasil ekspor CSV sebagai tabel HTML biasanya berarti menulis markup `<table>`, `<tr>`, dan `<td>` secara manual, yang melelahkan dan mudah salah ketika sebuah sel mengandung karakter seperti `<` atau `&`. Alat ini mengurai data berpemisah yang Anda tempel, meng-escape setiap nilai sel sehingga tidak akan pernah keliru dianggap sebagai markup, dan menuliskan `<table>` dengan baris `<thead>` untuk header saat diminta serta `<tbody>` untuk sisanya.

Cara memakainya

  1. Tempel data CSV atau berpemisah, atau muat contohnya.
  2. Pilih pemisah dan apakah baris pertama adalah header.
  3. Salin markup tabel HTML yang dihasilkan.

Privasi

Alat ini berjalan sepenuhnya di peramban Anda. Masukan Anda tidak pernah diunggah, disimpan, atau dibagikan — menutup tab akan menghapusnya.

Pertanyaan yang sering diajukan

Apakah data saya diunggah ke suatu tempat?
Tidak. Penguraian dan pembuatan HTML terjadi di JavaScript yang berjalan di halaman, jadi apa pun yang Anda tempel tidak pernah meninggalkan perangkat Anda.
Apakah HTML-nya aman untuk ditempel ke sebuah halaman?
Setiap nilai sel di-escape sebagai HTML sebelum dituliskan ke dalam markup, sehingga karakter seperti `<`, `&`, dan `"` dalam data Anda tidak bisa diinterpretasikan sebagai tag atau atribut.
Bagaimana jika data saya tidak memiliki baris header?
Matikan sakelar header; setiap baris kemudian ditulis sebagai baris `<td>` biasa di dalam `<tbody>` tanpa `<thead>` sama sekali.