Homepage

JSON Beautifier & Validator

An online editor and validator tool for JSON files that works offline. It can be used to view, edit and format JSON files with a powerful error tracking tool.
Logo

Advertisement

An online editor and validator tool for JSON files that works offline. It can be used to view, edit and format JSON files with a powerful error tracking tool.

JavaScript Object Notation (JSON) is a standard format that is used to transfer data between different applications no matter what the actual programming language is. It is also a common format that is used by many services to import and export configurations and user-related settings. JSON format also uses by web services to send and receive data from clients (browsers mainly). This file format is readable by humans and is a text format that can include only boolean, number, string, array and object types. If binary data needs to be included in this format, it needs to be converted to a readable Unicode compatible backslash-escaped string format first. Usually, the browser window.bta and window.atob are used in the JavaScript language to convert the binary data to a string format and vice-versa. The JSON file is served in normal and minified formats. The minified format is mainly used when a low latency data transfer is needed.

JSON editor uses two libraries (josdejong/jsoneditor and ajaxorg/ace) to parse and display the provided JSON string. The user can change the view mode in case a new field is needed to be inserted. By default, the "tree" mode is used to view and edit fields without appending or removing ones. To have full control, you can switch to the "code" mode which is basically a rich text editor. When all fields are inserted and the data is modified, it is recommended to use the context menu item to switch back to the tree view. When the data is ready to be exported, you can use the "code" view mode to copy it into the clipboard.

API Reference:

You can use the following URL arguments to customize how the page is shown. This list will be updated when new features are included. If you need a feature that you think it might be useful to the others, please use the review section to bring our attention.
  1. json a JSON data in the string format to be parsed by the JSON editor. If the JSON string is invalid, the user will receive hints about the error position and possible fixes.
  2. mode could be either 'code' or 'tree' values. This indicates the view mode when the page loads. 'tree' is the default value and it is recommended mode unless a new data is needed to be appended to the view.