HTML Tablo'dan JSON/CSV'ye Dönüştürücü

Bu Araç Nedir?

Web sayfaları genellikle verileri bir HTML <table> öğesi içinde sunar — bir fiyatlandırma sayfası, bir istatistik sayfası, kazınmış bir liste — ancak bu kod doğrudan kodda veya bir elektronik tabloda kullanılamaz. Bu araç, yapıştırılan <table> kodunu ayrıştırır, başlık satırını okur (<thead>/<th>'den, ya da <thead> yoksa ilk <tr>'den), sonraki her satırın hücrelerini bu başlıklarla eşleştirir ve bir JSON nesne dizisi veya CSV dosyası çıktısı verir.

Tersi yönde de çalışır: bir JSON nesne dizisi veya CSV metni yapıştırın, araç sütun başlıkları için bir <thead> ve veri satırları için bir <tbody> içeren, doğru şekilde yapılandırılmış bir HTML tablosu oluşturur ve bunu doğrudan bir web sayfasına veya CMS'e yapıştırmaya hazır hale getirir.

Her şey tarayıcının yerleşik DOMParser'ı ile çalışır — hiçbir HTML bir sunucuya gönderilmez, bu da onu dahili veya hassas veriler içeren yapıştırılmış içerikle kullanmayı güvenli kılar.

Kaynak: tablo yapısı WHATWG HTML Living Standard'ın table öğesi tanımını izler.

Neden Kullanmalısınız?

• İki yönlü dönüştürme — HTML tablodan JSON'a, HTML tablodan CSV'ye ve JSON/CSV'den temiz HTML tablo koduna.
• Otomatik başlık algılama — <thead>/<th> işaretlemesiyle veya başlık satırı olarak kullanılan basit bir ilk <tr> ile çalışır.
• Önce bir elektronik tabloya yapıştırmaya gerek yok — doğrudan tablo kodundan yapılandırılmış verilere geçiş.
• Doğru şekilde kaçışlanmış HTML çıktısı üretir, böylece verilerinizdeki < ve & gibi özel karakterler tabloyu bozmaz.
• %100 istemci tarafı — yapıştırdığınız HTML (dahili bir sayfadan veya yönetici panelinden gelebilir) tarayıcınızdan asla çıkmaz.

Nasıl Kullanılır

1. Bir HTML tabloyu dönüştürmek için: <table>...</table> kodunu ilk kutuya yapıştırın, ardından "JSON'a Dönüştür" veya "CSV'ye Dönüştür"e tıklayın.
2. Çıktıyı gözden geçirin, kopyalayın ya da dosyayı kaydetmek için indirme bağlantısına tıklayın.
3. Bir HTML tablosu oluşturmak için: JSON dizisini veya CSV metnini ikinci kutuya yapıştırın.
4. "HTML tabloya dönüştür"e tıklayın ve oluşturulan kodu sayfanıza veya CMS'inize kopyalayın.

Örnek

Giriş

<table><tr><th>name</th><th>age</th></tr><tr><td>Alice</td><td>30</td></tr></table>

Çıkış

[{"name":"Alice","age":"30"}]

İlk satırın hücreleri nesne anahtarları haline gelir; sonraki her satır, değerleri metin olarak alınan dizide bir eleman olur.

Pratik ipuçları

• Bir web sayfasındaki tablodan veri çıkarmak: sayfa kaynağını görüntüleyin veya öğeyi inceleyin, <table>...</table> kodunu kopyalayın ve verileri elle yeniden yazmak yerine buraya yapıştırın.
• Bir API yanıtını bir sitede veya CMS'de okunabilir bir tablo olarak yayımlamak: JSON dizisini ikinci kutuya yapıştırın ve oluşturulan HTML'yi doğrudan sayfanızın zengin metin veya HTML bloğuna kopyalayın.
• Bir tablo gerçek <table> etiketleri yerine <div> veya CSS grid düzeni kullanıyorsa, bu araç onu ayrıştıramaz — kaynak sayfanın gerçek HTML tablo etiketlerini kullanması gerekir.

Başlık algılama neden önemlidir

Net bir başlık satırı olmayan bir tablo belirsizdir — sonraki her araç, kalan satırları yapılandırılmış kayıtlara dönüştürmeden önce hangi satırın sütun adlarını tanımladığını bilmelidir. Bu araç, bu belirsizliği tarayıcıların ve çoğu kazıyıcının yaptığı gibi çözer: önce açık bir <thead> bölümü arar ve yalnızca <thead> bulunmadığında ilk görünür satırı başlık olarak ele almaya döner. Bu, daha anlamsal etiketleri atlayan elle yazılmış veya kazınmış tablo kodu için bile dönüştürmeyi öngörülebilir kılar.

Sıkça Sorulan Sorular