https://github.com/afeld/jsonpanel
pretty JSON viewer jQuery plugin
https://github.com/afeld/jsonpanel
Last synced: 12 months ago
JSON representation
pretty JSON viewer jQuery plugin
- Host: GitHub
- URL: https://github.com/afeld/jsonpanel
- Owner: afeld
- Created: 2014-06-30T23:05:55.000Z (about 12 years ago)
- Default Branch: gh-pages
- Last Pushed: 2015-11-04T06:37:09.000Z (over 10 years ago)
- Last Synced: 2025-06-29T12:07:54.110Z (about 1 year ago)
- Language: CSS
- Homepage: https://afeld.github.io/jsonpanel/
- Size: 1.26 MB
- Stars: 12
- Watchers: 3
- Forks: 1
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JSONPanel
JavaScript JSON viewer plugin. Requires jQuery.
## Usage
1. Download [the latest release](https://github.com/afeld/jsonpanel/releases), or install using [Bower](http://bower.io):
```bash
bower install --save jsonpanel
```
1. Include in page
```html
```
1. Initialize by passing JSON object into jQuery plugin:
```javascript
$(document).ready(function(){
$('.jsonpanel').jsonpanel({
data: {
sample: 'json'
}
});
});
```
See [the demo page](http://afeld.github.io/jsonpanel/), or [api.afeld.me](http://api.afeld.me) for a real-world example.
## Development
### Installation
```bash
gem install bundler
bundle
```
### Compile files
```bash
bundle exec compass watch
open index.html
```
### Run test coverage
```bash
bundle exec rackup
open "http://localhost:9292/index.html?coverage=true"
```
## Inspiration
* https://github.com/bhollis/jsonview
* https://github.com/josdejong/jsoneditor