JSON VIEWER Documentation

JSON Editor Online is a web-based tool to view, edit, and format JSON. It shows your data side by side in a clear, editable treeview and in a code editor.

Supported browsers: Chrome, Firefox, Safari, Opera, Internet Explorer 8+.

Site: http://codebeautify.org/view/jsonviewer

This facility provide to view your code as you want like Tree,Code,Form,Text,View Modes. Click on Select box and choose your appropriate option for view your code.

Codebeautify Provides you Change your code as you want , in both side you can change your code, in input side and output side you can change your code.

employees“: [

id“: “1”,
firstName“: “Amir”,
lastName“: “Khan”,
photo“: “http://imgdj.s3.amazonaws.com/dhoom-3-fan-made-poster.jpg”



id“: “2”,
firstName“: “Anna”,
lastName“: “Smith”,
photo“: “http://imgdj.s3.amazonaws.com/nN43GfvL.jpg”



id“: “3”,
firstName“: “Peter”,
lastName“: “Jones”,
photo“: “http://imgdj.s3.amazonaws.com/7vVKPFpQ.jpg”




Codebeautify allows you to save your data. following is the option to save your data . On right side click on PERMALINK and following Dilogbox will be appear . give your appropriate name and description. after that you can get your saved code any time.

After save your link, you can post your link to your facebook account.

create permalink and save your data
If you want to get data from URL then copy and paste url which contain Json data, if this url has Json data then you will get all the Json data. Click on LOAD button and Following Dilogbox will be open, Paste your url and get your data in seconds.

loadjson data from url

multiple functions

Click On BEAUTIFY Button for beautify your code.

Click On MINIFY Button for Minify your code.It will remove all the space and Comment from your code.

VALIDATE Button validate your code, if code if code is not valid then it will give error.

JSON TO XML Button convert your Json Code to XML.

EXPORT TO CSV Button download A xml sheet of your code content, and gives you proper data sheet in XML

Click on DOWNLOAD Button and download your main source code which write in left side of coading section

Key Description
Alt+Arrows Move the caret up/down/left/right between fields
Shift+Alt+Arrows Move field up/down/left/right
Ctrl+D Duplicate field
Ctrl+Del Remove field
Ctrl+Enter Open link when on a field containing an url
Ctrl+Ins Insert a new field with type auto
Ctrl+Shift+Ins Append a new field with type auto
Ctrl+E Expand or collapse field
Alt+End Move the caret to the last field
Ctrl+F Find
F3, Ctrl+G Find next
Shift+F3, Ctrl+Shift+G Find previous
Alt+Home Move the caret to the first field
Ctrl+M Show actions menu
Ctrl+Z Undo last action
Ctrl+Shift+Z Redo


1 thought on “JSON VIEWER Documentation”

  1. Pingback: JSON formatter

Leave a Reply