基于GUI或基于Web的JSON编辑器,像属性浏览器一样工作
背景:这是一个可能还不存在的东西的要求,但我一直想要build立一个很长一段时间。 首先我会问是否有人看到过类似的东西。
假设你有如下的任意JSON结构:
{ 'str_title':'My Employee List' ,'str_lastmod': '2009-June-15' ,'arr_list':[ {'firstname':'john','lastname':'doe','age':'33',} ,{'firstname':'jane','lastname':'doe','age':'34',} ,{'firstname':'samuel','lastname':'doe','age':'35',} ] }
问:是否有一个基于Web的JSON编辑器可以采用这样的结构,并自动允许用户在一个用户友好的GUI中进行修改?
示例:设想一个自动生成的HTML表单,它为title和lastmod显示2个input-type-text控件,以及一个包含arr_list的三列和三行的input-type-text控件表或者通过单击表中每行旁边的[+] [X]来添加额外的行。
大想法:背后的“大想法”是用户可以指定任意的(非recursion的)JSON结构,然后也可以用基于GUI的交互来编辑结构(这将类似于XML Spy中的“XML Editor Grid View”)。
也可以看看:
- 是否有一个基于JSON api的CMS在本地托pipe?
更新:(Thu 2014-07-31 18:31:11)
已经创build了一个github仓库来进一步跟踪这个closures的SOpost。
- https://github.com/dreftymac/stackoverflow.questions.998832
更新:为了回答我自己的问题,以下是我迄今能够发现的内容。 如果有其他人有东西,我仍然有兴趣了解更多。
- http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com不错
- http://jsonviewer.arianv.com/ ;; 离线工作的可爱的最小的一个
- http://www.alkemis.com/jsonEditor.htm ; 这个看起来不错
- http://www.thomasfrank.se/json_editor.html
- http://www.decafbad.com/2005/07/map-test/tree2.html大纲编辑器,不是真正的JSON
- http://json.bubblemix.net/可视化JSON结构,内联编辑并导出回美化的JSON。;
- http://jsoneditoronline.org/由StackOverflow线程参与者添加的示例。; 来源: https : //github.com/josdejong/jsoneditor
- http://jsonmate.com/
- mb21.github.io/JSONedit ,作为Angular指令构build
- cloudwall演示http://cloudwall.me/etc/json-editor.html
基于JSON模式
- https://github.com/jdorn/json-editor
- https://github.com/mozilla-services/react-jsonschema-form
- https://github.com/json-schema-form/angular-schema-form
- https://github.com/joshfire/jsonform
- https://github.com/gitana/alpaca
- https://github.com/marianoguerra/json-edit
- https://github.com/exavolt/onde
- 生成JSON模式的工具: http : //www.jsonschema.net
- http://metawidget.org
- Visual JSON编辑器,Windows桌面应用程序(免费,开源), http://visualjsoneditor.org/
商业(无意背书,不一定符合要求)
- Liquid XML – JSON模式编辑器graphics化的JSON模式编辑器和validation器。
- http://www.altova.com/download-json-editor.html
- XML ValidatorBuddy – JSON和XML编辑器支持JSON语法检查,语法着色,自动完成,JSON指针评估和JSON模式validation。
也可以看看
- 是否有一个基于JSON api的CMS在本地托pipe?
- 基于cms的概念;; http://www.webhook.com/
- 基于树的小部件;; http://mbraak.github.io/jqTree/
- http://mjsarfatti.com/sandbox/nestedSortable/
- http://jsonviewer.codeplex.com/
- http://xmlwebpad.codeplex.com/
- http://tadviewer.com/
通常,当我想要创build一个JSON或YAMLstring时,我首先构buildPerl数据结构,然后对其执行简单的转换。 你可以把一个UI放在Perl数据结构的生成之前,例如一个web表单。
将结构转换为JSON非常简单:
use strict; use warnings; use JSON::Any; my $data = { arbitrary structure in here }; my $json_handler = JSON::Any->new(utf8=>1); my $json_string = $json_handler->objToJson($data);