JSONView
A simple JSON viewer with basic edit capabilities. It has styles similar to Chrome's dev tools, so it's perfect for building dev tools extensions... live example.
Install with NPM
npm i json-view
Basic usage
index.js
var JSONView = ; var view = 'example' hello : 'world' doubleClick : 'me to edit' a : null b : true c : false d : 1 e : nested : 'object' f : 123; // Listen for change eventsview; // Expand recursivelyview; // Inspect window.data on the console and note that it changes with edits.windowdata = viewvalue;
index.html - (don't forget to include the css)
JSONView Example
The above will produce the same results as the demo page.