基于GUI或基于Web的JSON编辑器，其工作方式类似于属性浏览器

Question

背景： 这是对可能尚不存在的要求，但是我一直想建立一个很长的时间。首先，我要问是否有人看到过类似的东西。

假设您具有如下所示的任意JSON结构：

{
    'title_str':'My Employee List'
    ,'lastmod_str': '2009-June-15'
    ,'employee_table':[
        {'firstname':'john','lastname':'doe','age':'33',}
        ,{'firstname':'jane','lastname':'doe','age':'34',}
        ,{'firstname':'samuel','lastname':'doe','age':'35',}
    ]
}

问题： 是否有一个基于Web的JSON编辑器，可以采用这样的结构，并自动允许用户在用户友好的GUI中对其进行修改？

示例：
想象一下一个自动生成的HTML表单，其中显示了两个用于title和lastmod的输入类型文本控件，以及一个用于arr_list的具有三列和三行的输入类型文本控件表…可以删除或单击表中每行旁边的[+]
[X]添加其他行。

大想法： 这背后的“大想法”是，用户将能够指定任何任意（非递归）JSON结构，然后还能够通过基于GUI的交互来编辑该结构（这与XML Spy中的“
XML编辑器网格视图”。

也可以看看：

• https://ux.stackexchange.com/questions/37237/treetable-as-a-flexible-condition-filter-editor

更新：（星期四2014-07-31 18:31:11）

已经创建了一个github存储库以进一步跟踪此已关闭的SO帖子。

• https://github.com/dreftymac/stackoverflow.questions.998832

Answer 1

更新： 为了回答我自己的问题，这是到目前为止我已经发现的内容。如果外面还有其他人，我仍然有兴趣了解更多信息。

• http://knockoutjs.com/documentation/plugins-mapping.html ;; kickoutjs.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/
• http://jsonviewer.stack.hu/
• mb21.github.io/JSONedit，作为Angular指令构建

基于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模式编辑器图形化JSON模式编辑器和验证器。
• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy -JSON和XML编辑器支持JSON语法检查，语法着色，自动完成，JSON指针评估和JSON模式验证。

jQuery的

• formbuilder jQuery拖放
• 形式
• shalotelli form_builder

YAML

• Konstellate Reddit邮政

也可以看看

• 谷歌块状
• 基于树的小部件 http://mbraak.github.io/jqTree/
• http://mjsarfatti.com/sandbox/nestedSortable/
• http://jsonviewer.codeplex.com/
• http://xmlwebpad.codeplex.com/
• http://tadviewer.com/
• https://studio3t.com/knowledge-base/articles/visual-query-builder/