Live editor for JSON documents

Latest Version

Version
1.2.1
Update
March 8, 2019
Size
252KiB
Developer
Category
Users
1,000+
Rating
3.42857 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
*://*/*

See more

JSON live editor Extension

Little online and offline HTML, CSS and JavaScript code editor for messing around with JSON documents. For example, this tool will be useful if you want to manipulate and display JSON data outputted by a REST API.

The editor will be activated automatically in the browser if a JSON document is detected (e.g. with http://jsondoc.eu01.aws.af.cm/api/jsondoc).

Features :
* HTML / CSS / JavaScript editor with syntax highlighting, search, replace and autocomplete
* Live code preview
* Drop code from File System
* Save code to File System
* Versioning using browser’s history and local storage
* Easy sharing via URL
* JSON Validator (invalid JSON is not editable)
* Key shortcuts:
- cmd + s / ctrl + s => live update / save
- cmd + e / ctrl + e => toggle preview / code editor
- ctrl + space => autocomplete
- cmd + f / ctrl + f => search and highlight code
- cmd + g / ctrl + g => find next
- shift + cmd + g / shift + ctrl + g => find previous
- shift + ctrl + f / cmd + option + f => replace
- shift + ctrl + r / shift + cmd + option + f => replace all

(Note: this extension might clash with other JSON highlighters/beautifiers, like ‘JSONView’, ‘Pretty JSON’ or ‘Sight’ – disable those before trying this).

Credits go to Mrdoob, Callum Locke and CodeMirror folks.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "JSON live editor", "version": "1.2.1", "manifest_version": 2, "description": "Live editor for JSON documents", "minimum_chrome_version": "21", "icons": { "128": "icons/128.png", "48": "icons/48.png", "16": "icons/16.png" }, "background": { "scripts": ["js/background.js"] }, "content_scripts": [ { "matches": [""], "js": [ "js/content.js", "js/jquery.js", "js/codemirror/codemirror.js", "js/codemirror/search.js", "js/codemirror/searchcursor.js", "js/codemirror/dialog.js", "js/codemirror/show-hint.js", "js/codemirror/xml-hint.js", "js/codemirror/html-hint.js", "js/codemirror/javascript-hint.js", "js/codemirror/xml.js", "js/codemirror/javascript.js", "js/codemirror/css.js", "js/codemirror/htmlmixed.js", "js/compression/rawinflate.js", "js/compression/rawdeflate.js" ], "run_at": "document_start" } ], "web_accessible_resources": [ "template/index.html" ], "permissions":["*://*/*", ""]}
Read more

Similar Extensions

icon

Json Viewer Editor Extension · Productivity 1,000+ 8 ★ 1.39MiB

icon

Riak JSON editor Extension · Developer Tools 1,000+ 7 ★ 130KiB

icon

JSON Beautifier and Editor Extension · Productivity 1,000+ 36 ★ 450KiB

icon

XHR JSON Panel Extension · Developer Tools 1,000+ 18 ★ 45.82KiB

icon

Live CSS Editor Extension · Developer Tools 1,000+ 182 ★ 24.38KiB

icon

JSONpop - Textarea JSON editor Extension · Productivity 1,000+ 4 ★ 228KiB

icon

Live editor for CSS, Less & Sass - Magic CSS Extension · Developer Tools 1,000+ 266 ★ 2.15MiB

icon

Code Plunker (Live HTML CSS Editor) Extension · Developer Tools 1,000+ 8 ★ 288KiB

icon

DJSON. JSON Viewer & Formatter Extension · Developer Tools 1,000+ 68 ★ 126KiB

icon

JSON-handle Extension · Developer Tools 1,000+ 450 ★ 193KiB

icon

Pretty Js Extension · Developer Tools 1,000+ 8 ★ 1.75MiB

icon

Light JavaScript Playground Extension · Developer Tools 1,000+ 5 ★ 336KiB

icon

JSON Viewer Extension · Developer Tools 1,000+ 157 ★ 104KiB

icon

Riak JSON editor (fixed) Extension · Developer Tools 1,000+ 2 ★ 248KiB

icon

Web Maker Extension · Developer Tools 1,000+ 1002 ★ 5.76MiB

icon

JScript tricks Extension · Developer Tools 1,000+ 50 ★ 340KiB

icon

HTML editor WebStudio for Webpages Extension · Productivity 1,000+ 28 ★ 549KiB

icon

Clear Code Extension · Developer Tools 1,000+ 7 ★ 1.2MiB

icon

JSON Finder Extension · Developer Tools 1,000+ 20 ★ 72.77KiB

icon

Code Formatter Extension · Developer Tools 1,000+ 35 ★ 5.9MiB

icon

Console Injector Extension · Developer Tools 1,000+ 12 ★ 20.4KiB

icon

JSON Lite Extension · Developer Tools 1,000+ 56 ★ 23.65KiB

icon

JSON Viewer Extension · Developer Tools 1,000+ 6 ★ 482KiB

icon

Edit with Sublime Text™ Extension · Developer Tools 1,000+ 39 ★ 190KiB

User reviews

icon

Robert Delaney (ID: 000000a4d198ddbd) Voted 1 ★ - Updated 12/13/2020 it wont let me edit anything

icon

André Câmara (ID: 000000517ad38929) Voted 5 ★ - Updated 12/27/2017 s2

icon

Rubat (ID: 0000000c3ceb9fca) Voted 1 ★ - Updated 09/15/2016 For file// links, shows the HTML for some reason, doesn't work on online JSON stuff that doesn't identify itself as JSON content type