Wie wählt der Converter die JSON-Schlüssel aus meiner Tabelle?

Er verwendet die Header-Zellen. Eine -Zeile oder eine erste Zeile, die -Zellen enthält, liefert die Schlüssel. Jede folgende Zeile wird zu einem Objekt, dessen Werte über die Spaltenposition an diesen Headern ausgerichtet sind.

Was passiert mit colspan- und rowspan-Zellen?

Sie werden in ein dichtes Raster aufgeklappt. Eine colspan-Zelle wird über jede Spalte wiederholt, die sie abdeckt, und eine rowspan-Zelle wird in jede Zeile weitergetragen, die sie überspannt, sodass jedes Zeilenobjekt denselben Satz Schlüssel hat.

Kann es mehr als eine Tabelle aus einem Seitenausschnitt extrahieren?

Ja. Füge einen ganzen Ausschnitt ein und jede wird in Dokumentreihenfolge extrahiert. Eine Tabellen-Auswahl lässt dich zwischen ihnen wechseln und jedes Tabellen-JSON oder -CSV einzeln kopieren.

Was, wenn meine Tabelle keine Header-Zeile hat?

Wenn es kein und kein in der ersten Zeile gibt, erzeugt das Tool Schlüssel namens column_1, column_2 und so weiter und behandelt jede Zeile als Daten, statt die erste zu verwerfen.

Gibt es auch CSV aus, nicht nur JSON?

Ja. Stelle den Format-Schalter auf CSV, um einen RFC-4180-Export zu erhalten, bei dem Werte mit Kommas, Anführungszeichen oder Zeilenumbrüchen korrekt in Anführungszeichen gesetzt werden. Du kannst es kopieren oder eine .csv-Datei herunterladen.

Wird das HTML, das ich einfüge, irgendwohin hochgeladen?

Nein. Das Markup wird in deinem Browser mit dem Standard-DOM-Parser geparst und das resultierende JSON und CSV werden auf deinem Gerät erstellt. Die eingefügte Tabelle wird niemals an einen Server gesendet.

HTML Table to JSON Converter

Füge eine HTML-Tabelle oder einen Seitenausschnitt ein und konvertiere jede Tabelle in deinem Browser zu JSON und CSV. Das eingefügte Markup bleibt auf deinem Gerät.

Der HTML Table to JSON Converter parst das Markup, das du einfügst, vollständig in deinem Browser. Das Tabellen-HTML und das JSON oder CSV, das er erzeugt, bleiben auf deinem Gerät und werden niemals zu ArrayKit hochgeladen.

JSON Formatter öffnen

Über HTML-Tabelle zu JSON

Der HTML Table to JSON Converter verwandelt jede eingefügte <table> — oder einen ganzen Seitenausschnitt voller Tabellen — in ein sauberes JSON-Array von Zeilenobjekten und passendes CSV. Jede Header-Zelle wird zu einem Schlüssel, sodass eine Zeile wie <td>Ada</td><td>Admin</td> als { "Name": "Ada", "Role": "Admin" } gelesen wird. Er versteht thead und tbody, verwendet th-Zellen als Header, erzeugt column_1-, column_2-Beschriftungen, wenn eine Tabelle keine hat, und klappt colspan und rowspan auf, sodass jede Zeile in einem rechteckigen Raster ausgerichtet ist. Wenn das Markup mehrere Tabellen enthält, kannst du zwischen ihnen wechseln und jedes Ergebnis einzeln kopieren. Gebaut, um einen Bericht zu scrapen, ein Datenblatt in Code zu übertragen oder ein Fixture aus Dokumentation zu befüllen. Das HTML, das du einfügst, wird lokal geparst und verlässt niemals dein Gerät.

Funktionen

Extrahiert jede <table> im eingefügten HTML, nicht nur die erste
Header-Zellen (<th>) werden zu JSON-Schlüsseln; Zeilen werden zu einem Array von Objekten
Verarbeitet thead und tbody und fällt auf die erste Zeile zurück, wenn es kein thead gibt
Klappt colspan auf, indem die Zelle über die abgedeckten Spalten wiederholt wird
Trägt rowspan-Zellen in die Zeilen weiter, die sie überspannen
Erzeugt column_1-, column_2-Schlüssel für Tabellen ohne Header-Zeile
JSON- und CSV-Ausgabe mit einem Klick, mit Kopieren und Herunterladen für jede Tabelle
Parst das Markup in deinem Browser, sodass das HTML niemals dein Gerät verlässt

So verwendest du HTML-Tabelle zu JSON

Füge eine HTML-<table> oder einen Seitenausschnitt ein, der eine oder mehrere Tabellen enthält
Wechsle mit dem Format-Schalter zwischen JSON und CSV
Wenn mehrere Tabellen gefunden wurden, wähle eine aus der Tabellen-Auswahl
Kopiere die Ausgabe oder lade sie als .json- oder .csv-Datei herunter

Beispiel

Eingabe

<table><thead><tr><th>Name</th><th>Role</th></tr></thead><tbody><tr><td>Ada</td><td>Admin</td></tr><tr><td>Linus</td><td>Author</td></tr></tbody></table>

Ausgabe

[
  { "Name": "Ada", "Role": "Admin" },
  { "Name": "Linus", "Role": "Author" }
]

Die <th>-Zellen werden zu den Objektschlüsseln und jede <tr> wird zu einem Zeilenobjekt.

Häufige Fehler & Fehlerbehebung

"No <table> found in the HTML." — Stelle sicher, dass der eingefügte Ausschnitt tatsächlich ein <table>-Element enthält. Ein aus <div>s gebautes Raster oder ein CSS-Layout ist keine HTML-Tabelle und kann nicht extrahiert werden.
Header erscheinen als column_1, column_2 statt als echte Namen. — Die Tabelle hat kein <thead> und kein <th> in ihrer ersten Zeile, daher werden Beschriftungen erzeugt. Füge eine Header-Zeile mit <th>-Zellen hinzu, um aussagekräftige Schlüssel zu erhalten.
Eine verbundene Zelle wiederholt sich in der Ausgabe über mehrere Spalten oder Zeilen. — Das ist erwartet: colspan und rowspan werden aufgeklappt, damit das Raster rechteckig ist. Der überspannte Wert wird in jede Zelle kopiert, die er abgedeckt hat.
Zwei Spalten teilen sich einen Header und ein Schlüssel überschreibt den anderen. — Doppelte Header-Beschriftungen werden als name, name_2 und so weiter dedupliziert, sodass jede Spalte einen eigenen JSON-Schlüssel behält, statt zu überschreiben.

Häufig gestellte Fragen

Wie wählt der Converter die JSON-Schlüssel aus meiner Tabelle?: Er verwendet die Header-Zellen. Eine <thead>-Zeile oder eine erste Zeile, die <th>-Zellen enthält, liefert die Schlüssel. Jede folgende Zeile wird zu einem Objekt, dessen Werte über die Spaltenposition an diesen Headern ausgerichtet sind.
Was passiert mit colspan- und rowspan-Zellen?: Sie werden in ein dichtes Raster aufgeklappt. Eine colspan-Zelle wird über jede Spalte wiederholt, die sie abdeckt, und eine rowspan-Zelle wird in jede Zeile weitergetragen, die sie überspannt, sodass jedes Zeilenobjekt denselben Satz Schlüssel hat.
Kann es mehr als eine Tabelle aus einem Seitenausschnitt extrahieren?: Ja. Füge einen ganzen Ausschnitt ein und jede <table> wird in Dokumentreihenfolge extrahiert. Eine Tabellen-Auswahl lässt dich zwischen ihnen wechseln und jedes Tabellen-JSON oder -CSV einzeln kopieren.
Was, wenn meine Tabelle keine Header-Zeile hat?: Wenn es kein <thead> und kein <th> in der ersten Zeile gibt, erzeugt das Tool Schlüssel namens column_1, column_2 und so weiter und behandelt jede Zeile als Daten, statt die erste zu verwerfen.
Gibt es auch CSV aus, nicht nur JSON?: Ja. Stelle den Format-Schalter auf CSV, um einen RFC-4180-Export zu erhalten, bei dem Werte mit Kommas, Anführungszeichen oder Zeilenumbrüchen korrekt in Anführungszeichen gesetzt werden. Du kannst es kopieren oder eine .csv-Datei herunterladen.
Wird das HTML, das ich einfüge, irgendwohin hochgeladen?: Nein. Das Markup wird in deinem Browser mit dem Standard-DOM-Parser geparst und das resultierende JSON und CSV werden auf deinem Gerät erstellt. Die eingefügte Tabelle wird niemals an einen Server gesendet.