基于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间谍中的"XML编辑器网格视图".

也可以看看:

• 是否存在本地托管的基于JSON api的CMS？

更新:(星期四2014-07-31 18:31:11)

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

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

Answer 1

更新:为了回答我自己的问题,这是迄今为止我能够发现的内容.如果其他人有什么东西,我仍然有兴趣了解更多信息.

• 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/

• http://jsonviewer.stack.hu/

• http://jsoneditoronline.org/

• mb21.github.io/JSONedit,作为Angular指令构建
• cloudwall demo http://cloudwall.me/etc/json-editor.html
• json-gui用json-patch,xml,csv和yaml支持

基于JSON Schema

• 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拖放
• formeo
• shalotelli form_builder

YAML

• Konstellate Reddit Post

也可以看看

• 谷歌封锁
• 是否存在本地托管的基于JSON api的CMS？
• 基于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/
• https://studio3t.com/knowledge-base/articles/visual-query-builder/