JSON Editor Online is a web-based tool to view, edit, format, repair, compare, query, transform, validate, and share your JSON data.
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.
If you prefer the classic version of JSON Editor Online you can still use it. But before you do, please let us know why you like it better. You can report your issue or send an email to [email protected]
JSON Editor Online offers the following features:
Current version: 6.10.0
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 start using table mode by clicking 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 🚀.
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.
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.
JSON Editor Online can now switch between two parsers: the native JSON parser (built-in the browser), or a new Lossless JSON Parser. Unlike the native parser, the Lossless JSON Parser can handle long numbers like
9123372036854000123 and can maintain the formatting of numbers like
Since the early days of JSON Editor Online, more than 10 years ago, users regularly reported issues of the editor sometimes corrupting large numbers in their JSON documents. We haven't been able to solve this until now. In this article we explain the problem in-depth and show how we solved it in JSON Editor Online: Why does JSON.parse corrupt large numbers and how to solve this?
The JSON Editor Online application is now mobile-friendly, you can enjoy it on smaller screens and touch devices too!
JSON Editor Online now enforces a secure connection (https), which is better for, you know, security. This does not allow to load urls from an unsecure connection (http) though. To cater for that, you can now load those urls via a proxy, as long as they are public on the internet.
A useful new feature: you can now export your JSON to CSV via menu "Save", "Export to CSV". A typical use case is to load your JSON data into JSON Editor Online and preprocess it there by filtering, sorting, and picking relevant properties. Then, you can export your data to CSV and open it in a Spreadsheet application to do further analysis like plot graphs.
Want to know more? An overview describing the full history is available in the changelog.html.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Yes! JSON Editor Online has a light mode and a dark mode. You can toggle this in the main menu on top.
Yes! JSON Editor Online can work with large files up to 512 MB 🚀.