JSON Editor

Edit JSON visually in your browser — add, delete, rename, and retype nodes in an interactive tree, or edit raw text with syntax highlighting. Switch between Text, Tree, and Preview modes anytime.

Nur Browser-Verarbeitung (Offline-fähig)
1

Text eingeben

Inhalt einfügen oder eingeben.

2

Einstellungen anpassen

Optionen konfigurieren, um das gewünschte Ergebnis zu erhalten.

3

Kopieren oder speichern

Ausgabe in die Zwischenablage kopieren oder speichern.

Hauptfunktionen

Visual Tree Editing

Double-click keys or values to edit in place. Right-click for a full context menu: insert, duplicate, delete, change type, copy path.

Undo / Redo History

Every change is recorded. Press Ctrl+Z to undo and Ctrl+Y to redo. Experiment freely without fear of breaking your data.

Auto-Repair Invalid JSON

Pasted JSON with trailing commas, single quotes, or comments? One click repairs common mistakes so you can start editing immediately.

Three View Modes

Switch anytime between Text (Monaco), Tree (interactive editing), and Preview (read-only syntax-highlighted) — one editor, three ways to work.

Type Switching

Convert any value between string, number, boolean, null, object, and array with one click. Perfect for quickly reshaping test data or configs.

100% Private — No Uploads

All editing happens in your browser. Your JSON never touches a server — safe for API keys, tokens, and sensitive configurations.

Über dieses Tool

Visual JSON Editor for Developers

JSON Editor is a browser-based JSON editor with three view modes: Text for raw editing with Monaco Editor, Tree for visual structure editing, and Preview for read-only syntax-highlighted display.

In Tree mode, double-click a key or value to edit it in place. Right-click any node for the full context menu: insert before or after, duplicate, change type, delete, copy path. Undo and redo are available at every step. When you paste invalid JSON, one click repairs common mistakes like trailing commas, single quotes, and JavaScript comments.

How to Use JSON Editor

  1. Paste, type, or drop a .json file into the editor
  2. If the JSON is invalid, click Auto Repair to fix common mistakes
  3. Use the view switcher to pick Text, Tree, or Preview mode
  4. In Tree mode: double-click any key or value to edit in place; right-click for insert/duplicate/delete/change type/copy path
  5. Use Ctrl+Z / Ctrl+Y to undo and redo
  6. Click Format, Minify, or Smart to reformat, then Download or Copy to export

Key Features

  • Three View Modes: Text (Monaco), Tree (interactive), Preview (read-only) — switch anytime
  • Visual Tree Editing: Double-click any key or value, right-click for the full context menu
  • Full Type Switching: Convert any value between string, number, boolean, null, object, and array
  • Undo / Redo: 50-step history with Ctrl+Z / Ctrl+Y shortcuts
  • Auto Repair: Fixes trailing commas, single quotes, missing quotes, JavaScript comments, and more
  • Smart Format: Inline short arrays/objects, expand long ones — compact yet readable
  • Monaco Editor: The same code editor that powers VS Code, for raw text editing
  • Path Display & Copy: Click any node to see and copy its JSON Path
  • 100% Browser-Based: No server uploads — your data stays on your device

Common Use Cases

  • Config File Editing: Safely modify package.json, tsconfig.json, or Kubernetes manifests without syntax errors
  • Test Data Crafting: Quickly build fixtures by duplicating nodes, changing types, and renaming keys
  • API Response Debugging: Paste a response, restructure it, and diff against the expected shape
  • Schema Migration: Compare two versions of a JSON document to see exactly what changed
  • Fixing Broken JSON: Use Auto Repair to recover from trailing commas, stray quotes, or mixed delimiters
  • Data Cleanup: Delete unwanted fields in bulk with right-click + Delete, then export the cleaned data

Privacy-First JSON Editing

Every edit, repair, and diff runs entirely in your browser. Your JSON is never uploaded or logged anywhere.

  • Data never leaves your device — zero network requests during editing
  • Safe for sensitive API keys, tokens, and configuration secrets
  • Works completely offline after the page loads
  • No analytics on your JSON content — we only track tool usage, never data

Verwandte Werkzeuge

JSON-Formatierer

Formatieren, validieren und minifizieren Sie JSON-Daten mit Syntaxhervorhebung.

YAML ↔ JSON Konverter

Zwischen YAML- und JSON-Formaten konvertieren.

JSON ↔ XML Konverter

Zwischen JSON- und XML-Formaten konvertieren.

FAQ

A formatter only re-indents and validates text. This editor lets you modify the structure itself — add, delete, rename, and retype nodes visually without writing a single character of JSON syntax. It's ideal for editing config files, crafting test data, or fixing API responses.
Absolutely. All editing, parsing, repair, and diff computation happens entirely in your browser. Your data never leaves your device — no server uploads, no logging, no third-party access. Safe for API keys, tokens, and sensitive configuration data.
Auto Repair uses the jsonrepair library to fix common mistakes: trailing commas, single quotes instead of double quotes, missing quotes around keys, JavaScript-style comments, smart/curly quotes, concatenated strings, and more. It's based on the same repair engine used by many popular JSON tools.
Yes. Use the view switcher at the top to change between Text (Monaco editor), Tree (interactive structure editor), and Preview (read-only syntax-highlighted) modes. Any change in one mode is immediately reflected when you switch to another — as long as your JSON is valid.
Yes. Once the page loads, everything works offline — editing, auto-repair, diff comparison, and export. Install PrivaDeck as a PWA from your browser for quickest access.