jQuery Based Pretty Collapsible JSON Tree Viewer

File Size: 11.8 KB
Views Total: 23587
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Based Pretty Collapsible JSON Tree Viewer

A jQuery plugin for formatting JSON data that converts JSON strings to a pretty collapsible tree view structure with syntax highlighting support.

How to use it:

1. Include jQuery library together with jquery.json-view.js and jquery.json-view.css in your document.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="jquery.json-view.js"></script>
<link href="jquery.json-view.css" rel="stylesheet"

2. Create an empty container for the JSON tree viewer.

<div id="element"></div>

3. Call the plugin on the container you just created to convert your JSON data.

$('#element').jsonView(// MY ITEMS);

This awesome jQuery plugin is developed by bazh. For more Advanced Usages, please check the demo page or visit the official website.