JSON live editor

JSON live editor插件简介

JSON live editor插件描述

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

The edit 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 edit with syntax highlighting, search, replace  autocomplete
* Live code preview
* Drop code from File System
* Save code to File System
* Versioning using browser’s histy  local stage
* Easy sharing via URL
* JSON Validat (invalid JSON is not editable)
* Key shtcuts:
 cmd + s / ctrl + s => live update / save
 cmd + e / ctrl + e => toggle preview / code edit 
 ctrl + space => autocomplete
 cmd + f / ctrl + f => search  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’  ‘Sight’ – disable those befe trying this).

Credits go to Mrdoob, Callum Locke  CodeMirr folks.
                                

JSON live editor插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 JSON live editorChrome插件v1.2.1版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决