HTML-Tabelle-zu-JSON/CSV-Konverter

Was ist dieses Tool?

Webseiten stellen Daten oft in einem HTML-<table>-Element dar — eine Preisseite, eine Statistikseite, eine ausgelesene Liste — aber dieses Markup lässt sich nicht direkt in Code oder einer Tabellenkalkulation nutzen. Dieses Tool analysiert das eingefügte <table>-Markup, liest die Kopfzeile (aus <thead>/<th>, oder der ersten <tr>, falls kein <thead> vorhanden ist), ordnet die Zellen jeder folgenden Zeile diesen Überschriften zu und gibt ein JSON-Array von Objekten oder eine CSV-Datei aus.

Es funktioniert auch umgekehrt: Fügen Sie ein JSON-Array von Objekten oder CSV-Text ein, und das Tool erzeugt eine sauber strukturierte HTML-Tabelle mit einem <thead> für die Spaltenüberschriften und einem <tbody> für die Datenzeilen, bereit zum Einfügen in eine Webseite oder ein CMS.

Alles läuft mit dem eingebauten DOMParser des Browsers — es wird kein HTML an einen Server gesendet, sodass es sicher ist, es mit eingefügten Inhalten zu verwenden, die interne oder sensible Daten enthalten.

Quelle: Die Tabellenstruktur folgt der Definition des table-Elements im WHATWG HTML Living Standard.

Warum sollte man es nutzen?

• Konvertierung in beide Richtungen — HTML-Tabelle zu JSON, HTML-Tabelle zu CSV und JSON/CSV zurück in sauberes HTML-Tabellenmarkup.
• Automatische Erkennung der Kopfzeile — funktioniert mit <thead>/<th>-Markup oder einer einfachen ersten <tr> als Kopfzeile.
• Kein vorheriges Kopieren in eine Tabellenkalkulation nötig — direkt vom Tabellenmarkup zu strukturierten Daten.
• Erzeugt korrekt maskierte HTML-Ausgabe, sodass Sonderzeichen wie < und & in Ihren Daten die Tabelle nicht kaputt machen.
• 100 % clientseitig — das eingefügte HTML (das von einer internen Seite oder einem Admin-Panel stammen kann) verlässt Ihren Browser nie.

Anleitung

1. HTML-Tabelle konvertieren: Fügen Sie den Code <table>...</table> in das erste Feld ein und klicken Sie auf "In JSON konvertieren" oder "In CSV konvertieren".
2. Überprüfen Sie die Ausgabe, kopieren Sie sie oder klicken Sie auf den Download-Link, um die Datei zu speichern.
3. HTML-Tabelle erzeugen: Fügen Sie ein JSON-Array oder CSV-Text in das zweite Feld ein.
4. Klicken Sie auf "In HTML-Tabelle konvertieren" und kopieren Sie das erzeugte Markup in Ihre Seite oder Ihr CMS.

Beispiel

Eingabe

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

Ausgabe

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

Die Zellen der ersten Zeile werden zu den Objektschlüsseln; jede folgende Zeile wird zu einem Array-Element, dessen Werte als Text übernommen werden.

Praktische Tipps

• Daten aus einer Tabelle auf einer Webseite extrahieren: Quellcode der Seite ansehen oder Element inspizieren, den Code <table>...</table> kopieren und hier einfügen, statt die Daten manuell neu einzutippen.
• Eine API-Antwort als lesbare Tabelle auf einer Website oder in einem CMS veröffentlichen: das JSON-Array in das zweite Feld einfügen und das erzeugte HTML direkt in den Rich-Text- oder HTML-Block Ihrer Seite kopieren.
• Wenn eine Tabelle <div>- oder CSS-Grid-Layout statt echtem <table>-Markup verwendet, kann dieses Tool sie nicht parsen — die Quellseite muss echte HTML-Tabellen-Tags verwenden.

Warum die Erkennung der Kopfzeile wichtig ist

Eine Tabelle ohne klare Kopfzeile ist mehrdeutig — jedes nachgelagerte Tool muss wissen, welche Zeile die Spaltennamen definiert, bevor es die restlichen Zeilen in strukturierte Datensätze umwandeln kann. Dieses Tool löst diese Mehrdeutigkeit so, wie es Browser und die meisten Scraper tun: Es sucht zuerst nach einem expliziten <thead>-Abschnitt und greift nur dann auf die erste sichtbare Zeile als Kopfzeile zurück, wenn kein <thead> vorhanden ist. Das macht die Konvertierung auch bei handgeschriebenem oder ausgelesenem Tabellenmarkup vorhersehbar, das die semantischeren Tags auslässt.

Häufig gestellte Fragen