JPKCom DB

JSON Editor

What the JSON Editor does: format, validate, repair, and transform JSON — in tree, table, and code view, entirely in the browser.

One editor for JSON — format, check, reshape

The JSON Editor is a full-featured JSON editor in the browser. You paste in JSON — typed, from the clipboard, or as a file — and work with it in three views: an expandable tree, a table for record-like data, and a plain code view with syntax highlighting. Formatting, minifying, validating, repairing, sorting, searching, and transforming are all one click or one keyboard shortcut away.

The tool is built for everyone who deals with JSON regularly: developers who want to make an API response readable, untangle a config file, or rescue broken JSON from a log; data people who want to scan an array of objects like a spreadsheet; and anyone who just needs to check whether a JSON snippet is even valid. No account, no installation, no upload — everything happens locally in your browser.

What the editor does

The features fall into three groups: tidy up, check, and reshape.

  • Format and minify — Format (beautify) indents the JSON cleanly with two spaces and makes it readable; Compact squeezes it back onto a single line with no extra whitespace, ready to ship. On top of that, Sort alphabetically sorts all object keys recursively.
  • Validate and repair — the editor checks the JSON in real time for syntax errors and points to the spot. In the Text view it offers an auto-repair for invalid JSON that fixes common mistakes — things like trailing commas, single instead of double quotes, or missing brackets.
  • Transform and search — the built-in Transform tool lets you filter, sort, and project data (via a query wizard with live preview); search & replace, keyboard navigation, undo/redo, and drag-and-drop in the tree are all there too.

Plus the practical helpers: open a file and download it as data.json, copy to and paste from the clipboard, a fullscreen mode, and automatic saving in the browser that keeps your work across reloads. Exactly what each feature does is covered in the manual.

Three views on the same data

The heart of the tool is the ability to switch between three views of the same document at any time:

  • Tree — the expandable tree: collapse and expand nodes, reorder via drag-and-drop, edit keys and values inline, right-click context menu.
  • Table — a tabular view, ideal for an array of objects: edit like a spreadsheet, sort columns by clicking, add and remove rows.
  • Text — the plain code view with syntax highlighting, line numbers, code folding, and search & replace.

Entirely in the browser

Architecturally the JSON Editor is a pure client-side application: there's no server that sees your data, no upload, and no API. Loaded files are read locally by the browser, and downloads are created in the browser too. Under the hood it uses the open-source library vanilla-jsoneditor by Jos de Jong; the code view is based on CodeMirror 6. Your work is saved automatically to your browser's local storage — convenient, but something to be aware of on a shared machine (details in the manual).

Try it now

→ Open the JSON Editor — paste JSON or load a file, pick a view, and go. No account, free, right in the browser. On first open there's a small sample document in the editor so you can try every feature straight away.

When JSON is just one stop in your workflow, these tools help:

  • Convertor PRO — turn JSON into other formats and back: YAML, TOML, XML, Unicode/UTF-8, and more. The direct partner when your JSON needs to go somewhere else.
  • CSV Editor — edit and export tabular data as CSV, with format detection. Handy when your array of objects is really a table.
  • Coder — encode and decode HTML entities, URLs, Base64, JWT tokens, and Data URIs. Useful when your JSON holds encoded values.

There's more on the subpages: the manual with every feature and view in detail, hands-on examples, and a collection of tips & tricks.