JSON Editor

Bearbeiten, validieren, vergleichen, abfragen und konvertieren — alles in einem Werkzeug.

{{ __t('loading_editor') }}
{{ stats.size }} {{ __t('bytes') }} {{ stats.lines }} {{ __t('lines') }} {{ stats.keys }} {{ __t('keys') }} {{ stats.depth }} {{ __t('depth') }} {{ stats.nodes }} {{ __t('nodes') }}
{{ __t('schema_section_title') }}
{{ __t('schema_valid') }}
{{ __t('schema_errors_heading') }}:
• {{ err }}
{{ __t('compare_left') }}
{{ __t('compare_right') }}
{{ diff.added.length }} {{ __t('compare_added') }} {{ diff.removed.length }} {{ __t('compare_removed') }} {{ diff.modified.length }} {{ __t('compare_modified') }} {{ __t('compare_identical') }}
+ {{ p.path }} : {{ p.value }}
- {{ p.path }} : {{ p.value }}
~ {{ p.path }} : {{ p.from }} → {{ p.to }}
{{ __t('convert_input_label') }} ({{ convertFrom.toUpperCase() }})
{{ __t('convert_output_label') }} ({{ convertTo.toUpperCase() }})
{{ convertError }}
{{ __t('query_examples_label') }}: {{ ex }}
{{ __t('query_input_label') }} (JSON)
{{ __t('query_result_label') }}
{{ queryError }}
{{ __t('query_help_heading') }}: {{ __t('query_help_jsonpath') }} — JSONPath Docs {{ __t('query_help_jmespath') }} — JMESPath Spec

Was ist der CalcSI JSON Editor?

Der CalcSI JSON Editor ist ein kostenloses Online-Tool zum Bearbeiten, Validieren, Vergleichen, Abfragen und Konvertieren von JSON-Daten. Wechsle frei zwischen drei Ansichten — Baum, Text und Tabelle — und nutze fortschrittliche Funktionen wie JSON-Reparatur, Schema-Validierung, Diff-Vergleich, JSONPath/JMESPath-Abfragen und Konvertierung in YAML, CSV, XML oder TypeScript-Interfaces.

Alle Verarbeitung findet vollständig im Browser statt — deine Daten verlassen niemals dein Gerät. Ideal für Entwickler, API-Tester, DevOps-Engineers und alle, die mit JSON arbeiten.

Drei Editor-Ansichten

  • Baum-Ansicht — Klicke zum Bearbeiten, drag-and-drop zum Umordnen, Tastenkürzel zum Hinzufügen oder Entfernen von Knoten.
  • Text-Ansicht — Voller Code-Editor mit Syntax-Highlighting, Zeilennummern und Fehlermarkierungen direkt im Quelltext.
  • Tabellen-Ansicht — Arrays von Objekten als Tabelle anzeigen, Spalten = Schlüssel. Perfekt für API-Responses mit Datensätzen.

Funktionsumfang

  • Reparieren — Trailing-Commas, unquoted Keys, einfache Anführungszeichen und Kommentare automatisch korrigieren.
  • Sortieren — Schlüssel alphabetisch rekursiv ordnen für deterministische Diffs und bessere Lesbarkeit.
  • JSON Schema Validierung — Prüfe deine Daten gegen ein eigenes Schema mit Typ, required-Feldern, Min/Max, Pattern und mehr.
  • Vergleichen (Diff) — Zwei JSONs nebeneinander, mit klarer Liste hinzugefügter, entfernter und geänderter Pfade.
  • Abfragen — JSONPath und JMESPath unterstützt. Extrahiere genau die Daten, die du brauchst, mit ausdrucksstarken Pfaden.
  • Konvertieren — Wechsle zwischen JSON, YAML, CSV, XML und generiere TypeScript-Interfaces aus deinen Daten.
  • Import & Export — Datei hochladen, von URL laden, als .json herunterladen, in die Zwischenablage kopieren.
  • 100 % lokal — Alle Operationen laufen in deinem Browser; keine Daten werden hochgeladen oder geloggt.

Typische Anwendungsfälle

  • API-Responses inspizieren, filtern und in andere Formate exportieren
  • Konfigurationsdateien (package.json, tsconfig, OpenAPI) bearbeiten und validieren
  • Datenmigration: JSON von einer Anwendung in YAML/CSV/XML für eine andere wandeln
  • Bugs aufspüren durch Diff zweier Snapshots (vor/nach einem Fehler)

Ist dieses Tool sicher?

Ja. Sämtliche Verarbeitung — Parsen, Validieren, Vergleichen, Konvertieren, Abfragen — läuft ausschließlich in deinem Browser. Es gibt keinen Server-Roundtrip und keine Logs. Du kannst den Quellcode jederzeit in den Browser-Entwicklertools überprüfen. Selbst sensible Daten wie Tokens oder PII bleiben auf deinem Gerät.