Kategori: Alat pengembang
CSV ke Tabel HTML
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.
<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
- Tempel data CSV atau berpemisah, atau muat contohnya.
- Pilih pemisah dan apakah baris pertama adalah header.
- 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.