基于 GUI 或基于 Web 的 JSON 编辑器,其工作方式类似于属性资源管理器 [关闭]

2023-11-26

背景:这是对可能尚不存在的东西的请求,但我长期以来一直想构建一个。首先我会问是否有人见过类似的东西。

假设您有一个任意 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 中修改它?

Example:想象一个自动生成的 HTML 表单,它显示 title 和 lastmod 的 2 个输入类型文本控件,以及一个包含三列三行的 arr_list 的输入类型文本控件表……并且能够删除或添加通过单击表中每行旁边的 [+][X] 来添加其他行。

大创意:这背后的“伟大想法”是,用户将能够指定任何任意(非递归)JSON 结构,然后还能够通过基于 GUI 的交互来编辑该结构(这类似于“XML 编辑器”) XML Spy 中的“网格视图”)。

也可以看看:

  • 是否有本地托管的基于 JSON api 的 CMS?
  • https://ux.stackexchange.com/questions/37237/treetable-as-a-flexible-condition-filter-editor
  • JSON 编辑器
  • YAML GUI

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

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

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

Update:为了回答我自己的问题,以下是我迄今为止所发现的内容。如果其他人有什么东西,我仍然有兴趣了解更多信息。

  • http://knockoutjs.com/documentation/plugins-mapping.html;; knockoutjs.com 不错
  • http://jsonviewer.arianv.com/;;可爱的最小一款,可以离线工作
  • http://www.alkemis.com/jsonEditor.htm;这个看起来不错
  • 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/json-editor/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
  • 可视化 JSON 编辑器、Windows 桌面应用程序(免费、开源)、http://visualjsoneditor.org/

商业(没有有意或暗示的认可,可能满足也可能不满足要求)

  • Liquid XML - JSON 模式编辑器图形 JSON 模式编辑器和验证器。
  • http://www.altova.com/download-json-editor.html
  • XML 验证器好友- JSON 和 XML 编辑器支持 JSON 语法检查、语法着色、自动完成、JSON 指针评估和 JSON 模式验证。

jQuery

  • formbuilder jQuery 拖放
  • formeo
  • 沙洛泰利 form_builder

YAML

  • Konstellate Reddit 帖子

See Also

  • 谷歌块状
  • 是否有本地托管的基于 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/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

基于 GUI 或基于 Web 的 JSON 编辑器,其工作方式类似于属性资源管理器 [关闭] 的相关文章

随机推荐