jjsonviewer icon indicating copy to clipboard operation
jjsonviewer copied to clipboard

Its a JSON Beautifier and Viewer jQuery plugin.

jJsonViewer Build Status Greenkeeper badge

jJsonViewer is a jquery plugin which you can call on any jquery element. This function takes JSON or stringified JSON as input which will be converted into html and added into given element.


	var jjson = '{ "name": "jJsonViewer","author": { "name": "Shridhar Deshmukh", "email": "[email protected]", "contact": [{"location": "office", "number": 123456}, {"location": "home", "number": 987654}] } }';

	$("#jjson").jJsonViewer(jjson);

This plugin includes JSON beautifier, you can expand and collapse JSON objects.

Here is how it will look.

Output of jJsonViewer