json-viewer is a jQuery plugin for easily displaying JSON objects by transforming them into HTML.
Features:
- Syntax highlighting
- Collapse and expand child nodes on click
- Clickable links
- Easily readable and minimal DOM structure
Check out the demo page!
Import jquery.json-viewer.js
and jquery.json-viewer.css
in your application.
Then just call the jsonViewer()
method and pass your JSON data in argument:
<pre id="json-renderer"></pre>
var data = {
// ...
};
$('#json-renderer').jsonViewer(data);
- Author: Alexandre Bodelot
- License: MIT License