Web sayfası işaretlemesini betiklere, API'lere ve test verisine hazır JSON'a dönüştürün
İhtiyacınız olan veri çoğu zaman zaten sayfada — bir `<table>` içinde, CMS önizlemesinde veya tedarikçi portalından kayıtlı HTML dışa aktarımında. Eksik olan temiz bir JSON: fetch işleyicisi için nesne dizisi, fixture için yapılandırma bloğu veya veritabanı seed dosyası için yapılandırılmış satırlar. Tarayıcı penceresinden metin kopyalamak nadiren işe yarar. Başlıklar ve hücreler birbirine karışır, birleşmeler kaybolur, sonunda nesneleri editörde elle kurarsınız. HTML JSON çevirme akışı, tek bir süslü parantez kopyalamadan önce yapıyı doğrulamanıza izin vermelidir. Araç sekmenizde yerel olarak çalışır. Solda HTML yapıştırın, sağda ızgaranın ve JSON çıktısının güncellenmesini izleyin, bir hücreyi veya kaynak işaretlemeyi düzeltin, ardından `.json` kopyalayın veya indirin. Yükleme kuyruğu yok, hesap yok — işaretlemeniz makineden çıkmaz. Sayfada müşteri adları, iç fiyatlar veya henüz yayınlanmamış ürün bilgileri varken bu önemlidir.
Tablolar ve tam sayfa metni için bir HTML JSON dönüştürücü
Gerçek HTML nadiren tek mükemmel tablodur. Bazen `colspan` başlıklı fiyat ızgarasıdır; bazen hem madde işaretli listeyi hem özellik tablosunu tek JSON dosyasında istediğiniz ürün sayfasıdır. Her iki yol da burada — başka siteye geçmeden. **Tablo çıkarma**, anlamsal `<table>` işaretlemesini okur ve gerçek matris kurar: `<th>` ve `<td>` ayrı sütunlara düşer; `colspan` / `rowspan` önizlemede birleşik hücre olarak görünür — özet satırlarının JSON'da nasıl düzleşeceğini anlarsınız. **Tam metin çıkarma** başlıkları, paragrafları ve liste öğelerini dolaşır, her bloğu tek sütunda ayrı satıra koyar; gömülü tabloları yine çok sütunlu satırlara açar. Sayfa çoğunlukla metinse ve ortada tablo varsa, ya da okunabilir metinle tablo verisini tek dışa aktarmada istiyorsanız kullanın. Çıktı tarafında, başlık satırı özellik adı olmalı ve iç içe dize dizisi yerine nesne dizisi gerekiyorsa **İlk satır anahtar olarak** seçeneğini açın. **Okunaklı biçim**, «Biçimlendirilmiş» sekmesini kod incelemesi için rahat tutar; «Sıkıştırılmış» payload zaten sıkıştırılacaksa boyutu azaltır.
Çoğu yalnızca yükleme kabul eden dönüştürücü ayrıştırma adımını gizler. Dosya gönderir, JSON alırsınız; kayık sütunu ancak Postman'e yapıştırınca fark edersiniz. Burada HTML düzenleyici, ızgara önizlemesi ve JSON paneli aynı ekranı paylaşır. Satır yanlış mı? Izgarada hücreye tıklayıp düzeltin. Yapı yanlış mı — eksik `<thead>`, fazladan sarmalayıcı `div`, bozuk etiket — ? HTML sekmesine geçip işaretlemeyi yerinde düzenleyin; önizleme yazdıkça yenilenir. Tek yapıştırmada birden fazla üst düzey tablo araç çubuğunda ayrı sayfalar olur. Her bloğu kontrol edin, ihtiyacınız olan sayfayı seçin, JSON kopyalayın veya indirin. Daha sonra tekrar işaretleme mi lazım? Dönüşüm menüsündeki Excel'den HTML'ye aynı önizleme-önce ilkesini ters yönde izler.
Dönüştürücüyü deneTablo modu ve tam metin modu
Yapılandırılmış veri için `<table>` ızgaralarını çıkarın veya karışık içerik için tüm sayfayı dolaşın — araç değiştirmeden.
Dışa aktarmadan önce HTML veya hücre düzenleyin
Kaynak panelde etiketleri düzeltin veya ızgarada değerleri ayarlayın; kopyaladığınız JSON ekranda doğruladığınızla eşleşir.
Nesne anahtarlı biçimlendirilmiş JSON
İsteğe bağlı başlık-anahtar eşlemesi ve okunaklı çıktı; kompakt payload için sıkıştırılmış görünüm.
Bu HTML JSON dönüştürücüyü farklı kılan özellikler
Tezgâh düzeni — HTML girer, yapılandırılmış JSON çıkar — kopyalamadan önce güvenebileceğiniz önizlemeyle.
Veriyi JSON olmadan önce görün
JSON affetmez: bir sütun kayarsa her nesne yanlış alan adı taşır. Izgara önizlemesi, HTML hâlâ yanında açıkken başlıkları okumanız, sayı sütunlarını taramanız ve yinelenen satırı yakalamanız içindir. Yapıştırma birinci sınıf akıştır. Geliştiricilerin çoğunun parça zaten hazırdır — DevTools'ta, kayıtlı dışa aktarmada, e-posta şablonunda, Storybook anlık görüntüsünde. Dosya panoya sığmıyorsa `.html` veya `.htm` yükleyin; her iki durumda da ayrıştırma tarayıcıda kalır. Önizleme doğru görününce **JSON seçenekleri**ni açın: ilk satırı anahtarlara eşleyin veya düz 2B dizi tutun. «Biçimlendirilmiş» sekmesi inceleme için girintili çıktı gösterir; «Sıkıştırılmış» zaten gzip'leyeceğiniz payload'larda boşlukları atar. Panoya kopyalayın veya `.json` indirin — aynı veri, tercih ettiğiniz aktarım.
HTML'yi JSON'a nasıl dönüştürülür
HTML yapıştırın veya içe aktarın
İşaretlemeyi sol düzenleyiciye bırakın — çoğu kişi panodan yapıştırır. Kayıtlı tam sayfa için Yükle ile `.html` veya `.htm` içe aktarın. Veri `<table>` etiketlerindeyse **Tablo çıkarma**; başlıklar, paragraflar ve tablolar karışıksa **Tam metin çıkarma** seçin.
Izgarayı kontrol edin ve düzeltin
Sağ panel JSON olacak satırları gösterir. Başlıkları, rakamları ve birleşik bantları kontrol edin. HTML'de birden fazla tablo varsa araç çubuğundan sayfa seçin. Yanlış değer mi? Hücreye tıklayın. Yanlış yapı mı? HTML sekmesine geçip işaretlemeyi yerinde düzenleyin — ızgara yazdıkça güncellenir.
JSON seçeneklerini ayarlayın
Araç çubuğundan **JSON seçenekleri**ni açın. Adlandırılmış alanlı nesne dizisi istiyorsanız **İlk satır anahtar olarak** etkinleştirin. «Biçimlendirilmiş» sekmesinde okunaklı çıktı için **Okunaklı biçim** açın; kompakt dize için «Sıkıştırılmış» sekmesine bakın.
Kopyalayın veya indirin
Düzenleyiciye veya Postman'e hızlı geçiş için **JSON kopyala** kullanın. Dosyanın diske inmesi için **.json indir** — ad, içe aktardığınız dosya adını izler. Sonra tekrar HTML mi lazım? Dönüşüm menüsünden Excel'den HTML'ye geri yol.
HTML JSON çevirme: dışa aktarmadan önce sorular
Bir sonraki HTML parçanız kullanıma hazır JSON olsun
Yapıştırın, ızgarayı kontrol edin, işaretlemeyi veya hücreleri düzenleyin, kopyalayın veya indirin — nesneleri elle yazmadan.
HTML JSON çevirme
- Tek araçta Tablo çıkarma ve Tam metin çıkarma
- HTML'yi yerinde düzenleyin veya önizleme ızgarasında değerleri düzeltin
- İlk satır anahtar olarak ve okunaklı JSON biçimi
- Araç çubuğundan JSON kopyalayın veya `.json` indirin
Ters işaretleme mi lazım? Dönüşüm menüsünden Excel'den HTML'ye.
Daha az elle nesne kurma
JSON tarayıcıdan çıkmadan önce doğrulayabileceğiniz önizlemeyle web işaretlemesinden yapılandırılmış veri alın.