JSON online bearbeiten und formatieren

Aktuelles in JSON-Datei speichern
Code-Modus
Dynamischer Baummodus

Hosting und Server

Webhosting, virtuelle private Server und dedizierte Server.

Alle Anbieter
Bluehost Ab $3,99 Shared Hosting mit cPanel, empfohlen von WordPress.org, Teil der Gruppe Newfold Digital (derselben Gruppe wie HostGator). bunny.net Ab $1 Berechnet pro ausgeliefertem GB, ohne feste Grundgebühr, mit einem Mindestbetrag von 1 USD im Monat und zwei Netzwerken mit unterschiedlichen Preisen je nach Abdeckung. Cloudways Ab $11 Verwaltetes Hosting ohne eigene Server: Es verkauft DigitalOcean, Linode, Vultr, AWS und Google Cloud unter einem einzigen Panel weiter. Contabo Ab $5,28 Deutsche VPS und dedizierte Server mit reichlich RAM und Speicherplatz zu einem sehr niedrigen Preis, für alle, die ihren eigenen Server ohne Panel und ohne Software-Support verwalten.

JSON im Browser bearbeiten und formatieren

Ein JSON ohne Einrückung oder Hervorhebung, alles in einer einzigen Zeile, ist schwer zu lesen und zu korrigieren. Mit diesem Tool können Sie eine JSON-Datei direkt im Browser öffnen, bearbeiten, formatieren und speichern, mithilfe des Open-Source-Editors jsoneditor (von Jos de Jong, Version 9.1.0), ohne etwas zu installieren.

Wofür es gedacht ist

  • Ein JSON öffnen und es als hervorgehobenen Text oder als Knotenbaum durchsehen.
  • Syntaxfehler (überzähliges Komma, einfache Anführungszeichen, Schlüssel ohne Anführungszeichen) erkennen, bevor man es im eigenen Code verwendet.
  • Ein JSON formatieren (einrücken) oder mit einem Klick auf eine einzige Zeile komprimieren.
  • Den Inhalt sortieren, filtern oder transformieren und einen Wert in einem großen JSON suchen.
  • Werte oder die Struktur selbst bearbeiten, mit Rückgängig und Wiederholen für den Fall eines Fehlers.
  • Ein JSON von Grund auf erstellen und als .json-Datei speichern.

Zwei Bereiche, sechs Arbeitsmodi

Der Bildschirm zeigt zwei synchronisierte Bereiche: Was Sie in einem ändern, spiegelt sich im anderen wider. Der linke startet im Modus code (hervorgehobener Text mit Syntaxprüfung) und der rechte im Modus tree (bearbeitbarer Baum); beide können zu jedem dieser sechs Modi wechseln:

  • code: das JSON als Text, mit Hervorhebung und Fehlerhinweisen.
  • text: das JSON als reiner Text, ohne Hervorhebung.
  • tree: vollständig bearbeitbarer Baum, zum Hinzufügen, Verschieben oder Löschen von Schlüsseln und Werten.
  • form: Baum, in dem nur die Werte bearbeitet werden, ohne die Struktur zu verändern.
  • view: schreibgeschützter Baum, zum gefahrlosen Untersuchen.
  • preview: schreibgeschützte Textansicht, gedacht für große Dokumente.

Die Schaltflächen jedes Modus

Die Werkzeugleiste ändert sich je nach Modus:

  • Formatieren (Ctrl+\) fügt Einrückung und Zeilenumbrüche hinzu; Komprimieren (Ctrl+Shift+\) bringt alles in eine einzige Zeile. Beide im Code-Modus.
  • Inhalt sortieren und Inhalt filtern, sortieren oder transformieren: im Code-Modus und im Baum-Modus.
  • JSON reparieren (Code-Modus): versucht, typische Fehler zu beheben, siehe nächster Abschnitt.
  • Rückgängig (Ctrl+Z) und Wiederholen (Ctrl+Shift+Z): in beiden Modi.
  • Alles ausklappen und Alles einklappen, sowie ein Suchfeld mit Sprung zum nächsten oder vorherigen Treffer: im Baum-Modus.

So erstellen, bearbeiten und speichern Sie eine JSON-Datei

  1. Geben Sie Ihr JSON im linken Bereich ein oder fügen Sie es ein, oder klicken Sie auf die Lade-Schaltfläche, um eine Datei von Ihrem Computer zu öffnen (sie wird im Browser gelesen und in beiden Bereichen angezeigt).
  2. Prüfen Sie den rechten Bereich im Baum-Modus: Da er synchronisiert ist, erscheint jede Änderung automatisch im anderen Bereich.
  3. Wenn Sie nur Werte ändern möchten, verwenden Sie den Modus form; um ohne zu bearbeiten durchzusehen, verwenden Sie view oder preview.
  4. Formatieren Sie es mit Formatieren, bringen Sie es mit Komprimieren auf eine einzige Zeile, oder beheben Sie typische Fehler mit JSON reparieren; Rückgängig macht jede Änderung rückgängig.
  5. Klicken Sie auf die Speichern-Schaltfläche, geben Sie einen Dateinamen ein (endet er nicht auf .json, wird das automatisch ergänzt) und laden Sie sie herunter.

Häufigste Syntaxfehler

Ein gültiges JSON folgt einer strikten Grammatik (RFC 8259):

  • Abschließendes Komma: {"name": "Ana",} — dieses letzte Komma muss entfernt werden.
  • Einfache Anführungszeichen: {'name': 'Ana'} muss {"name": "Ana"} lauten.
  • Schlüssel ohne Anführungszeichen: {name: "Ana"} — jeder Schlüssel gehört in doppelte Anführungszeichen.
  • Kommentare: // das ist nicht gültig — JSON erlaubt keine Kommentare, weder mit // noch mit /* */.

JSON reparieren versucht, falsch gesetzte Anführungszeichen und Escape-Zeichen automatisch zu korrigieren, Kommentare und JSONP-Notation zu entfernen und ein JavaScript-Objekt in gültiges JSON umzuwandeln, garantiert aber nicht, jeden Fehler zu beheben: Es lohnt sich, das Ergebnis zu prüfen. Wenn Ihr JSON einen Unix-Zeitstempel oder ein Token mit einem Base64url-Teil (wie einem JWT) enthält, können Sie es getrennt mit dem Unix-Zeitstempel-Konverter oder dem Base64-Decoder prüfen.

Datenschutz

Das JSON, das Sie einfügen, laden oder bearbeiten, verlässt nie Ihren Browser: Die Seite sendet ihren Inhalt an keinen Server. Alles geschieht auf Ihrem eigenen Computer, sodass Sie mit Daten arbeiten können, die Sie lieber nirgendwohin hochladen möchten.