JSON Formatter and Converter

Format a JSON data up to eight indentation levels, validate using JSON Lint, import from PHP Print_r and convert to a Tree, XML and Minified version. It can also be used to extract data from a specific element using the Extract Element feature.

Usage

1. Option Menu for showing:
   • Indentation - level of spaces between elements.
2. Import Menu for showing:
   • From PHP print_r - convert print_r output to JSON format.
3. Button to beautify/format a JSON to what level of indentation.
4. Button to check if a JSON is valid or not using JSON Lint.
5. Button to convert a JSON to other forms.
6. Button to clear the content of the left panel area.
7. Tab for Tree View panel that allows to overview and interact with the data via the tree navigation.
8. Tab for XML View panel that allows to view the data as an XML format.
9. Tab for Minified View panel that allows to view the data as an minified version.
10. Tab for Element Value panel that allows to view the extracted value from the xml elements.
11. Tree View selection for selecting what type of data to extract.
    • Leaf - will only include leaf nodes, but will render parent nodes as either partially or fully selected.
    • Independent - allows one to select parent nodes, but each node is independent of its parent and children.
12. Field to search and filter the data to display.
13. Checkbox to enable or disable case sensitive checking.
14. Button to clear the content of the right panel area.
15. Left panel area where to input the JSON as text/string, also where JSON file content is diplay after imported.
16. Panel area for Tree View where the data from the JSON will dislay as Tree.
17. Button to select all the content in the XML View panel area.
18. Button to clear the content of the XML View panel area.
19. Panel area for XML View where the data from the JSON will convert to XML format.
20. Button to select all the content in the Minified View panel area.
21. Button to clear the content of the Minified View panel area.
22. Panel area for Minified View where the data from the JSON will convert to Minified version.
23. Selection of extracted elements from the text/string content.
24. Button to select what element or elements to show.
25. Button to select all the content in the Element Value panel area.
26. Button to clear the content of the Element View panel area.
27. Panel area where the data from the extracted element or elements will show.
28. Checkbox to select what node or nodes to extract.
29. Button to select all the content in the extracted node panel area.
30. Panel area where the data from the extracted node value will show.

How to format and convert a JSON data

1. Copy a JSON data and paste it to the left panel area(15).
2. Click the Beautify button(2) to format or Validate button(4) to validate or Convert button(5) to convert the data. The result will display in the right panel area(16) for Tree, panel area(19) for XML format, panel area(22) for Minified version and panel area(27) for extracted elements.
3. In the Tree View tab(7), select what type of selection(11) and click the checkbox(28) to extract the node value, use search(12) to filter the tree node.
4. In the XML View tab(8), select the Select All button(17) to copy the content.
5. In the Minified View tab(9), select the Select All button(20) to copy the content.
6. In the Element Value tab(10), select the element to show from the Element List selection(23) and click the Extract button(24) to re-display the result.

See how it works