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.
JSON Editor Online offers the following features:
Current version: 6.14.0
We all love to hack around in the Developer Console, don't we? With this latest update, you can now access the left and right editor via
editorRight, and you can access the JSON utility libraries
immutable-json-patch in the Developer Console. Just open your Developer Console via
Ctrl+Shift+I and follow the instructions there.
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".
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.
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 🚀.
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.
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 🚀.