

You can type to change the contents, use mouse and keyboard arrows to navigate the cursor and select text, copy and paste text, etc.
#JSON COMPARE ONLINE CODE#
In Text mode, navigation works just like in any plain text or code editor. To switch between the two modes, use the mode toggle on the left in the menu: Text mode (right picture below) is a regular plain text editor with color highlighting, showing the raw text as-is.Tree mode (left picture below) is a high level JSON editor focusing on the actual contents of the document (rather than each comma and quote).In both panels, you can select the mode for the editor:
#JSON COMPARE ONLINE FULL#
When dragging the splitter fully to the left or the right, one of the panels will be displayed full screen and the other panel will be hidden.

The width of both panels can be changed by dragging the splitter (the area with the vertical ellipsis icon) in between the two panels.

Compare two documents, highlight the differences.Load a JSON document in the left panel, and load a JSON Schema document in the right panel and use this to validate the document in the left panel.Then, filter and sort its contents into the right panel without changing the original document. Typical use cases for the two panels are: In between the two panels, there is a section with buttons to copy or transform contents from the left to the right side or vice versa, and to compare the differences between the two sides. These documents can be edited independently of each other. JSON Editor online contains of two panels, each showing a JSON document.
#JSON COMPARE ONLINE HOW TO#
This documentation page describes how to use the editor. By default this tools uses browser's json library to beautification.JSON Editor Online is a web-based tool to view, edit, format, repair, compare, query, transform, validate, and share your JSON data.
