JPKCom DB

JSON Editor

What the JSON Editor does: format, repair, validate against a JSON Schema and transform JSON — big numbers stay exact, almost everything in the browser.

One editor for JSON — format, check, reshape

The JSON Editor is a full-featured JSON editor in the browser. You bring in JSON — typed, from the clipboard, as a file or straight from a URL — 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, repairing, validating against a JSON Schema, sorting, searching and transforming are all one click or one keyboard shortcut away. And big numbers such as 64-bit IDs stay exact down to the last digit.

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 valid at all — or whether it matches an agreed schema. No account, no installation, no upload — apart from loading from a URL, everything happens locally in your browser.

What the editor does

The features fall into four groups: tidy up, check, keep exact 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 keys sorts all object keys recursively. Ctrl+Z undoes any of these actions.
  • Validate and repair — the editor checks the JSON in real time for syntax errors and points to the spot. Repair fixes common mistakes in one click — trailing commas, single instead of double quotes, comments, JSONP wrappers or Python constants such as True and None. With Schema you can also check the document against a JSON Schema (draft 4 through 2020-12); violations are marked right in the editor.
  • Keep it exact — the parser is lossless-json: big integers, decimals like 1.10 and duplicate keys don't get lost silently — the numbers are kept digit for digit, duplicate keys are reported.
  • Transform and search — the built-in Transform tool lets you filter, sort and project data (via a query wizard in JSONQuery with live preview); search & replace, keyboard navigation, undo/redo and drag-and-drop in the tree are all there too.

Plus the practical helpers in the File menu: open a file (drag-and-drop works too), load JSON from a URL, download and copy it as is or minified, and replace the document with the clipboard. There's also a statistics line in the footer, 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 — using the text, tree and table buttons in the editor's menu bar:

  • 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.

In the browser, with one exception

Architecturally the JSON Editor is a client-side application: editing, repairing, schema validation and statistics all run in your browser, loaded files are read locally, and downloads are created there too. The one exception is Load from URL: that request is handled by a proxy on the website's server — for public addresses only and up to 2 MB (details in the manual). Under the hood it uses the open-source libraries vanilla-jsoneditor (opens in a new tab), lossless-json and jsonrepair by Jos de Jong, plus @cfworker/json-schema; 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; File → Load example brings it back at any time.

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; the JSON Editor's footer links to it.
  • 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.