JSON Editor Online

JSON Editor Online is a web-based tool to view, edit, format, repair, compare, query, transform, validate, and share your JSON data.

About JSON Editor Online

JSON Editor Online is a versatile, high quality tool to edit and process your JSON data. It is one of the best and most popular tools around, has a high user satisfaction, and is completely free. The editor offers all your need in one place: from formatting and beautifying your JSON data to comparing JSON documents or querying your JSON data. JSON is the most used data format between servers and browser, and JSON Editor Online is an indispensable tool for frontend and backend developers working with JSON data in their daily life.

JSON Editor Online is developed and maintained by Jos de Jong, an enthusiastic, passionate senior software engineer with 20+ years of experience in the field. Jos created the editor out of personal needs, working with JSON based API's and databases on a daily basis as a full-stack engineer.

JSON Editor Online offers the following features:

Current version: 6.13.7

News

CSV Import

2023-03-17

JSON Editor Online just promoted to a fully capable CSV editor. The editor already had a powerful table view and could export to CSV. Now you can also import CSV, making the CSV support complete.

You can import a CSV file via the menu "Open", "Import CSV", or by dropping a CSV file on the editor.

Read more in the article "Convert JSON to CSV using JSON Editor Online".

Import CSV

Full screen mode

2023-01-21

You can now display the editor in full-screen, to get the maximum out of your screen space. Especially handy for the table view, which can easily get wide if you have many columns.

Lossless JSON Parser

Table mode

2022-12-07

A long awaited feature finally landed: table mode. Table mode is great when having a structured array with JSON objects. It is similar to editing data in a spreadsheet. Viewing your data in table view gives a lot of insight. You can sort the data by column, and edit values. JSON Editor Online can flatten nested object properties in separate columns, and can also open nested contents in a popup.

You can use json to table online by clicking "table" it in the mode toggle, top left in the menu.

Just like tree mode, table mode can handle documents up to 512 MB with ease. You can smoothly scroll through documents with hundreds of thousands of rows 🚀.

Table mode

This first version of table mode comes with some limitations. For example, it is not yet possible to insert and remove rows and columns. These features will be implemented in the near future.

Read more

New and customizable theme colors

2022-10-10

The theme colors are changed from green+brown to two more calm green colors. And you can select alternative the theme colors to match your taste. Theme colors and light or dark mode can be selected via the "Theme" menu item in the top right corner of the application.

Old, classic theme colors: Classic theme
New, customizable theme colors: New customizable themes

Changelog

Want to know more? An overview describing the full history is available in the changelog.html.

Frequently asked questions (FAQ)

How do I edit a JSON file?

Copy and paste your JSON file in the JSON editor, or load it from disk via the menu or via drag-and-drop. Then, you can edit the contents similar to how you use any text editor: enter new content with your keyboard, and right-click to open a context menu with actions like copy/paste, insert, remove. You can learn more in the Documentation.

How do I format a JSON file?

You can use the editor as a json formatter. In code mode, you can paste a JSON file in the editor, and click the "Format" button from the menu. In tree mode, you can just paste the file and copy it again: the contents will automatically be formatted. Alternatively, you can also use the "Copy formatted" button from the menu to be done in one click. Read more.

How do I beautify JSON data?

Format JSON is the same as beautify JSON : you make your JSON file readable by styling it with white spacing, newlines, and indentation. In short: paste your JSON file, then click the "Format" button in code mode, or select "Copy formatted" from the menu. This is how you make your JSON pretty. Read more.

Can I use JSON editor as a JSON cleaner?

Yes, definitely! Cleaning JSON is the same as "beautifying" or "formatting" JSON: you make the JSON data neatly readable. So you can use JSON Editor Online as a JSON cleaner by opening your document and then clicking the "Format" button.

How do I query JSON data?

You can query JSON data by clicking the "Transform" button from the menu or between the two panels. This will open a modal where you can write a query, see a preview, and then transform JSON data. Read more.

How do I compare JSON files?

You can compare JSON files by opening them in the left and right panel of the editor. Click the "Compare" button in the "Differences" section between the two panels, and make sure you switch both panels to "Tree" mode. All JSON differences will be highlighted. Read more.

How do I repair JSON data?

Just drop your data in JSON Editor Online. In many cases it will automatically repair the data for you, and if not possible, it will point you to the place where the issue is and assist you with repairing it. Read more.

How do I fix JSON format errors?

Open your JSON file in JSON Editor Online, then click the "Format" button from the menu when in text mode. Read more in the docs about JSON repair, or read more about common JSON issues and how to fix them.

How do I check if a JSON file is valid?

Simply open the JSON file in JSON Editor Online to see if the document itself is valid. If not, the editor will point out the error and if possible offer to auto-repair the document.

What is a JSON validator?

A JSON validator verifies whether your JSON document adheres to the JSON specification. On top of this, you can use a JSON schema validator to validate whether the contents of your document adheres to a specified schema.

What is a JSON beautifier and validator?

Beautifying JSON is neatly formatting its contents with indentation and new lines to make it better readable. Software developers often validate JSON and then format it in one go in order to inspect the document.

Why use the editor as a JSON Validator?

Using an online JSON editor is useful for validating, repairing, formatting, and querying JSON data on the fly. When working with JSON configuration files in a project though, it may be handier to use your own IDE. There are various categories of JSON tools, each with their pros and cons. What is best to use depends on your use case.

How do I validate my JSON data against a JSON Schema?

Open your JSON file in the editor. From the menu, select "Options", "JSON Schema". A modal will open where you can configure your JSON schema. Read more.

How can I convert JSON to CSV?

Open your JSON file in the editor. From the menu, select "Save", "Export to CSV". A modal will open where you see a preview and can save the CSV data as file or copy it to your clipboard. Read more.

What is the best JSON editor?

A survey shows that 85% of the people using JSON Editor Online are highly satisfied with it. They are overwhelmingly positive and call it the best JSON formatter and editor. They are very positive about the quality of the all in 1 editor, which has proven itself useful for millions of users for more than 10 years already. People also love the fact that this is a free JSON editor.

What is the best JSON formatter?

This question is more or less the same as the previous question "What is the best JSON editor?". JSON Editor Online is also a JSON formatter and JSON beautifier. Formatting is just one of the many features it offers.

Are JSON Formatters safe?

In general, yes, you don't have to worry. JSON Editor Online takes all possible measures: it enforces a secure HTTPS connection and keeps all used software actively up to date. All you do stays inside your browser, and no data is shared anywhere except when you save a document in the cloud. Cloud documents are publicly accessible for anyone who has the document id, so make sure you do not save documents with sensitive information in the cloud.

Does it have a dark mode?

Yes! JSON Editor Online has a light mode and a dark mode. You can toggle this in the main menu on top.

Can I open large JSON files?

Yes! JSON Editor Online can work with large files up to 512 MB 🚀.