JSON live editor
Item logo image for JSON live editor

JSON live editor

3.4(

14 ratings

)
ExtensionDeveloper Tools1,000 users
Item media 1 screenshot

Overview

Live editor for JSON documents

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.

3.4 out of 514 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Robert DelaneyDec 13, 2020

it wont let me edit anything

2 out of 2 people found this helpful
Review's profile picture

RubatSep 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

2 out of 3 people found this helpful

Details

  • Version
    1.2.1
  • Updated
    March 8, 2019
  • Offered by
    Stephan Ringel
  • Size
    252KiB
  • Languages
    English
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Related

DJSON. JSON Viewer & Formatter

4.8(66)

Extension to format and view JSON, from Web, Input or File.

JSON-handle

4.8(442)

It's a browser and editor for JSON document.You can get a beautiful view

Pretty Js

4.8(8)

Pretty print your Javascript and JSON. Format your code for easier reading. Convert between XML and JSON.

Light JavaScript Playground

4.2(5)

A standalone HTML/CSS/JavaScript playground

Json Viewer Editor

5.0(8)

Adds right click context menu to show selected text or hyperlink file content in Json Editor in new tab.

Riak JSON editor

4.1(7)

Riak JSON editor

JSON Beautifier & Editor

4.8(32)

Display JSON objects by transforming them into Syntax editable highlighted HTML to validate, format, and save

XHR JSON Panel

4.4(18)

This extension add to Chrome Dev Tools a new XHR JSON Panel that presents the most important data sent/received in an Ajax process.

Live CSS Editor

3.8(183)

Live Write CSS onto any page

JSONpop - Textarea JSON editor

4.0(4)

Easily edit JSON in textareas

Live editor for CSS, Less & Sass - Magic CSS

4.7(256)

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

Code Plunker (Live HTML CSS Editor)

4.4(7)

Test your HTML,CSS,JS and Get the program output instantly!

DJSON. JSON Viewer & Formatter

4.8(66)

Extension to format and view JSON, from Web, Input or File.

JSON-handle

4.8(442)

It's a browser and editor for JSON document.You can get a beautiful view

Pretty Js

4.8(8)

Pretty print your Javascript and JSON. Format your code for easier reading. Convert between XML and JSON.

Light JavaScript Playground

4.2(5)

A standalone HTML/CSS/JavaScript playground

Json Viewer Editor

5.0(8)

Adds right click context menu to show selected text or hyperlink file content in Json Editor in new tab.

Riak JSON editor

4.1(7)

Riak JSON editor

JSON Beautifier & Editor

4.8(32)

Display JSON objects by transforming them into Syntax editable highlighted HTML to validate, format, and save

XHR JSON Panel

4.4(18)

This extension add to Chrome Dev Tools a new XHR JSON Panel that presents the most important data sent/received in an Ajax process.

Google apps