HTML in JSON umwandeln
HTML in XML, CSV, Text und Code
Mit diesem Werkzeug können Sie HTML in JSON umwandeln und erhalten aus Markup einen sauberen Baum. Es schreibt auch XML, YAML, CSV, reinen Text, JavaScript-Zeichenketten und PHP-Zeichenketten. Wir laden nichts hoch.
- KostenlosPreis
- 9Ausgaben
- KeineAnmeldung
- KeineUploads
HTML in JSON umwandeln
Verwandeln Sie HTML in JSON, XML, YAML, CSV, Text oder Code, und zurück
- Elemente
- 0
- Attribute
- 0
- Größe
- 0 B
Bereit. Fügen Sie Ihren Code ein und wählen Sie die Formate.
Was Sie beim Umwandeln von HTML in JSON gewinnen
HTML ist für Browser gemacht, nicht für die Datenarbeit. Deshalb müssen Sie die Form ändern, wenn Sie den Inhalt in einem Skript, einer Tabelle oder einem API-Aufruf brauchen. Genau das tut dieses Werkzeug.
Fügen Sie zuerst Ihr HTML ein. Wählen Sie dann das gewünschte Format. Das Ergebnis erscheint beim Tippen. JSON und YAML behalten den ganzen Baum, XML liefert sauberes Markup, und CSV nimmt die Zeilen einer Tabelle.
Es schreibt auch reinen Text, eine JavaScript-Zeichenkette und eine PHP-Zeichenkette. Außerdem funktioniert es rückwärts. Zudem fügen Sie eine Code-Zeichenkette ein, und das Werkzeug macht daraus wieder HTML.
Dann können Sie das Ergebnis überall nutzen. Zudem laden Sie das JSON in ein Skript, fügen Sie das CSV in eine Tabelle ein oder setzen Sie die Zeichenkette in Ihren Code.
Alles läuft in Ihrem Browser. Deshalb verlässt Ihr Markup Ihr Gerät nie. Das ist wichtig, denn Seiten enthalten oft Namen, E-Mails und privaten Text.
HTML in JSON, Tag für Tag
Zuerst liest das Werkzeug Ihr Markup und baut einen Baum. Jeder Tag wird zu einem Objekt mit einem Tag-Namen. Attribute stehen in einem Objekt attrs, verschachtelte Tags und Text in einer Liste children.
So wird ein Link zu einem Objekt mit dem Tag a, einem Attribut href und dem Linktext als Kind. Der Baum behält die Reihenfolge Ihrer Seite, was wichtig ist, wenn Sie sie später wieder aufbauen.
Außerdem ist der Leser nachsichtig. Er schließt Tags, die Browser schließen, etwa p, li und td. Er dekodiert auch Entitäten, sodass eine Ampersand-Entität zu einem einfachen Ampersand wird.
Für mehr Details, siehe: HTML Living Standard.
HTML in CSV aus einer Tabelle
Zuerst: Viele Seiten halten Daten in Tabellen. Danach fügen Sie die Seite ein, wählen Sie CSV oder TSV, und das Werkzeug liest die Zeilen und Zellen. Hat das HTML mehrere Tabellen, lässt Sie eine Liste eine wählen.
Das Werkzeug setzt eine Zelle mit Komma oder Anführungszeichen in Anführungszeichen. So öffnet sich die Datei sauber in Excel und Sheets. Kopfzellen werden zur ersten Zeile.
Dann können Sie das CSV in einer Tabellenkalkulation öffnen oder in eine Datenbank laden.
HTML in Text
Als Nächstes entfernt der Textmodus die Tags und behält das Layout. Absätze und Überschriften bekommen danach eine Leerzeile. Listeneinträge beginnen mit einem Strich, und jede Tabellenzeile steht in einer Zeile.
So erscheinen Skripte und Stile nie im Text. Wenn Sie Linkadressen möchten, schalten Sie die Option ein, und jede Adresse folgt ihrem Linktext in Klammern.
HTML in JavaScript- und PHP-Zeichenketten
Manchmal müssen Sie einen HTML-Block in Code setzen. Ein Anführungszeichen oder ein Zeilenumbruch in diesem HTML kann die Zeichenkette zerstören. Deshalb maskiert das Werkzeug es für Sie.
Für JavaScript können Sie einfache Anführungszeichen, doppelte Anführungszeichen, ein Template-Literal oder eine Liste verbundener Zeilen wählen. Für PHP können Sie einfache Anführungszeichen, doppelte Anführungszeichen oder einen Nowdoc-Block wählen.
Von einer Code-Zeichenkette zurück zu HTML
Auch die Gegenrichtung funktioniert. Danach fügen Sie ein JavaScript- oder PHP-Snippet mit einer Zeichenkette ein und wählen Sie HTML als Ziel. Das Werkzeug findet die Zeichenketten, verbindet sie und entfernt die Maskierungen.
Außerdem liest es einfache Anführungszeichen, doppelte Anführungszeichen, Template-Literale und Nowdoc-Blöcke. Es versteht die üblichen Maskierungen, etwa einen Zeilenumbruch, einen Tabulator, einen Backslash und einen Unicode-Code.
XML- und YAML-Ausgabe
Die XML-Ausgabe folgt den Regeln. Tags ohne Inhalt schließen sich selbst, und das Werkzeug setzt Attributwerte in Anführungszeichen und maskiert sie. Hat Ihr HTML mehr als einen Tag auf oberster Ebene, fügt das Werkzeug einen Wurzel-Tag hinzu.
Dann spiegelt die YAML-Ausgabe den JSON-Baum, mit den Schlüsseln tag, attrs und children. Sie ist leicht lesbar, und Sie können sie in eine Konfigurationsdatei einfügen.
Sicher durch Konstruktion
Das Werkzeug liest Ihr HTML als Text und zeigt es nie an. So kann ein Skript im Markup nicht laufen. Skripte und Stile bleiben standardmäßig draußen, und Sie können ihren Text behalten, wenn Sie ihn brauchen. Das macht das Werkzeug auch sicher für Seiten, denen Sie nicht trauen.
Auf dieser Seite
- Das Tool
- Was Sie beim Umwandeln von HTML in JSON gewinnen
- Den HTML-in-JSON-Konverter nutzen, Schritt für Schritt
- Was dieser HTML-Konverter anders macht
- Gewohnheiten beim Herausholen von Daten aus HTML
- Häufige Umwandlungsfehler, die dieses Werkzeug verhindert
- Fragen zum Umwandeln von HTML in JSON
- Praktische Begleiter für Webdaten
Weiterlesen
Den HTML-in-JSON-Konverter nutzen, Schritt für Schritt
Vier Schritte führen Sie vom Markup zu den Daten.
- 1
HTML einfügen
Einfügen, eine Datei öffnen oder das Beispiel ausprobieren.
- 2
Zwei Formate wählen
Danach wählen Sie, was Sie haben und was Sie wollen. Dabei tauschen Sie sie mit einem Klick.
- 3
Optionen einstellen
Leerzeichen kürzen, Skripte behalten, eine Tabelle wählen oder einen Zeichenkettenstil wählen.
- 4
Kopieren oder speichern
Außerdem kopieren Sie das Ergebnis oder speichern Sie es mit dem richtigen Dateityp.
Was dieser HTML-Konverter anders macht
Viele Konverter liefern eine Ausgabe. Dieser liefert neun.
Neun Ausgaben
JSON, YAML, XML, CSV, TSV, Text, JavaScript, PHP und HTML.
Beide Richtungen
Verwandeln Sie Code-Zeichenketten in einem Schritt zurück in HTML.
Nachsichtiger Leser
Er kommt mit fehlenden Endtags, losen Attributen und Entitäten zurecht.
Tabelle zu CSV
Zudem wählen Sie eine beliebige Tabelle der Seite und erhalten Sie saubere Zeilen.
Skripte bleiben draußen
Das Werkzeug führt das Markup nie aus und verwirft Skripte standardmäßig.
Nichts verlässt Ihren Tab
Ihr Browser erledigt die Arbeit. Wir sehen Ihr HTML nie.
Gewohnheiten beim Herausholen von Daten aus HTML
Ein paar Gewohnheiten halten Ihre Daten sauber.
- Fügen Sie nur ein, was Sie brauchen. Ein kleiner Block liefert ein kleines, klares Ergebnis.
- Wählen Sie das Format nach dem Zweck. Nutzen Sie JSON für Skripte, CSV für Tabellen und Text zum Lesen.
- Lassen Sie die Kürzen-Option an. Sie entfernt leeren Text zwischen Tags und hält den Baum kurz.
- Prüfen Sie zuerst die Tabellen. Achten Sie darauf, dass jede Zeile gleich viele Zellen hat.
- Beachten Sie verbundene Zellen. Zellen über mehrere Spalten werden als eine Zelle gelesen, prüfen Sie also das Ergebnis.
- Nutzen Sie Nowdoc oder Template-Zeichenketten. Sie halten langes HTML im Code lesbar.
- Trauen Sie eingefügtem Code nicht. Lesen Sie das Ergebnis nur als Daten und fügen Sie es nie ungeprüft in eine Seite ein.
- Denken Sie an Entitäten. Das Werkzeug dekodiert Entitäten, sodass eine Ampersand-Entität im Ergebnis zu einem einfachen Ampersand wird.
- Testen Sie mit einer kleinen Probe. Wandeln Sie zuerst einen Block um. Dann die ganze Seite.
- Behalten Sie das Original. Das Werkzeug ändert Ihre Quelle nie, aber eine Kopie kostet nichts.
- Achten Sie auf private Daten. Entfernen Sie Namen und E-Mails, bevor Sie ein Ergebnis teilen.
Häufige Umwandlungsfehler, die dieses Werkzeug verhindert
Jeder dieser Fehler beschädigt Daten, ohne dass man es merkt. Der Konverter schützt davor.
Kaputte Anführungszeichen in Zeichenketten
Das Werkzeug maskiert Anführungszeichen und Zeilenumbrüche, bevor HTML in den Code kommt.
Verlorene Entitäten
Das Werkzeug dekodiert Entitäten nur einmal, sodass keine doppelte Kodierung entsteht.
Skriptinhalt in den Daten
Skripte und Stile bleiben draußen, außer Sie verlangen sie.
Kommas in Zellen
Das Werkzeug setzt CSV-Zellen mit Kommas oder Anführungszeichen sicher in Anführungszeichen.
Fehlende Endtags
Offene Absätze, Listeneinträge und Zellen schließen sich so, wie ein Browser sie schließt.
Private Seiten hochladen
Viele Konverter schicken Ihr HTML an einen Server. Dieser nie.
Fragen zum Umwandeln von HTML in JSON
Ist dieser HTML-zu-JSON-Konverter kostenlos?
Ja. Er kostet nichts, braucht kein Konto und hat keine Grenzen. Er läuft in Ihrem Browser, also haben wir keine Serverkosten, die wir weitergeben könnten.
Verlässt mein HTML mein Gerät?
Nein. Ihr Browser liest das Markup und schreibt das Ergebnis. Nichts erreicht diese Website, und wir speichern nichts.
Wie sieht das JSON aus?
Jeder Tag ist ein Objekt mit tag, attrs und children. Text steht in der Liste children als Zeichenkette.
Kann er HTML in CSV umwandeln?
Ja, bei Tabellen. Er liest jede Zeile und jede Zelle. Gibt es mehrere Tabellen, wählen Sie eine aus.
Was ist, wenn mein HTML keine Tabelle hat?
Dann zeigen die Modi CSV und TSV eine Meldung. Außerdem nutzen Sie JSON, YAML oder Text für anderen Inhalt.
Wie funktioniert HTML zu Text?
Er entfernt die Tags und hält Absätze, Überschriften, Listeneinträge und Tabellenzeilen in eigenen Zeilen.
Kann er Linkadressen behalten?
Ja. Außerdem schalten Sie die Link-Option ein, und jede Adresse folgt ihrem Linktext in Klammern.
Kann ich HTML in eine JavaScript-Zeichenkette umwandeln?
Ja. Wählen Sie JavaScript und dann einfache Anführungszeichen, doppelte Anführungszeichen, ein Template-Literal oder verbundene Zeilen.
Kann ich HTML in eine PHP-Zeichenkette umwandeln?
Ja. Wählen Sie PHP und dann einfache Anführungszeichen, doppelte Anführungszeichen oder einen Nowdoc-Block.
Kann er eine Code-Zeichenkette zurück in HTML verwandeln?
Ja. Dabei fügen Sie das JavaScript- oder PHP-Snippet ein, wählen Sie es als Eingabe und HTML als Ausgabe.
Führt er Skripte in meinem HTML aus?
Nein. Das Werkzeug liest das Markup nur als Text. Es zeigt und führt nichts aus.
Stehen Skripte und Stile im Ergebnis?
Standardmäßig nicht. Dabei schalten Sie Inhalt von Skripten und Stilen behalten ein, wenn Sie ihn brauchen.
Repariert er kaputtes HTML?
Er liest lockeres Markup so, wie ein Browser es täte. Offene Absätze, Listeneinträge und Zellen schließt er.
Was passiert mit Kommentaren?
Das Werkzeug verwirft HTML-Kommentare und den Doctype, weil sie keine Daten enthalten.
Dekodiert er Entitäten?
Ja. Eine Ampersand-Entität wird zum Ampersand. Das Ergebnis maskiert es danach wieder, wo das Format es braucht.
Kann ich eine Datei öffnen?
Ja. Zudem nutzen Sie Datei öffnen. Das Werkzeug wählt den Eingabetyp nach dem Dateinamen.
Wie groß darf eine Datei sein?
Einige Megabyte. Sehr große Seiten lesen sich auf einem Smartphone eventuell langsam.
Kann er eine ganze Webseite lesen?
Ja. Außerdem fügen Sie den Quelltext der Seite ein. Das Werkzeug liest Head und Body und überspringt Skripte und Stile standardmäßig.
Behält er die Reihenfolge der Attribute?
Ja. Attribute behalten die Reihenfolge, in der Sie sie geschrieben haben. Wiederholt sich ein Attribut, gewinnt das erste.
Warum steht ein Wurzel-Tag in meinem XML?
XML braucht einen obersten Tag. Deshalb fügt das Werkzeug einen Wurzel-Tag hinzu, wenn Ihr HTML mehr als einen hat.
Funktioniert es auf einem Smartphone?
Ja. Die Felder stapeln sich, und die Boxen scrollen. Bei langem Markup ist eine Tastatur trotzdem bequemer.
Praktische Begleiter für Webdaten
Das Umwandeln ist ein Schritt. Diese drei Werkzeuge erledigen die Schritte drumherum.
JSON-zu-HTML-Tabelle
Verwandeln Sie JSON in eine saubere HTML-Tabelle.
Tool öffnen →Markdown-zu-HTML-Konverter
Wandeln Sie Markdown in HTML um, und zurück.
Tool öffnen →XML-zu-JSON-Konverter
Verwandeln Sie XML in sauberes, typisiertes JSON.
Tool öffnen →
Bereit, etwas HTML umzuwandeln?
Fügen Sie Ihr Markup ein, wählen Sie zwei Formate und kopieren Sie das Ergebnis. Der Konverter ist kostenlos, braucht kein Konto und behält jedes Byte auf Ihrem Gerät.