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

2024-01-10

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

假设您有一个任意 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://stackoverflow.com/questions/22582471/is-there-a-json-api-based-cms-that-is-hosted-locally
  • https://ux.stackexchange.com/questions/37237/treetable-as-a-flexible-condition-filter-editor https://ux.stackexchange.com/questions/37237/treetable-as-a-flexible-condition-filter-editor
  • JSON 编辑器 https://json-editor.github.io/json-editor/
  • YAML GUI https://duckduckgo.com/?q=yaml+gui

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

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

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

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

  • http://knockoutjs.com/documentation/plugins-mapping.html http://knockoutjs.com/documentation/plugins-mapping.html;; knockoutjs.com 不错
  • http://jsonviewer.arianv.com/ http://jsonviewer.arianv.com/;;可爱的最小一款,可以离线工作
  • http://www.alkemis.com/jsonEditor.htm http://www.alkemis.com/jsonEditor.htm;这个看起来不错
  • http://json.bubblemix.net/ http://json.bubblemix.net/可视化 JSON 结构、内联编辑并导出回美化的 JSON。
  • http://jsoneditoronline.org/ http://jsoneditoronline.org/由 StackOverflow 线程参与者添加的示例。来源:https://github.com/josdejong/jsoneditor https://github.com/josdejong/jsoneditor
  • http://jsonmate.com/ http://jsonmate.com/
  • http://jsonviewer.stack.hu/ http://jsonviewer.stack.hu/
  • mb21.github.io/JSONedit http://mb21.github.io/JSONedit/,作为 Angular 指令构建

基于 JSON 模式

  • https://github.com/json-editor/json-editor https://github.com/json-editor/json-editor
  • https://github.com/mozilla-services/react-jsonschema-form https://github.com/mozilla-services/react-jsonschema-form
  • https://github.com/json-schema-form/angular-schema-form https://github.com/json-schema-form/angular-schema-form
  • https://github.com/joshfire/jsonform https://github.com/joshfire/jsonform
  • https://github.com/gitana/alpaca https://github.com/gitana/alpaca
  • https://github.com/marianoguerra/json-edit https://github.com/marianoguerra/json-edit
  • https://github.com/exavolt/onde https://github.com/exavolt/onde
  • 用于生成 JSON 模式的工具:http://www.jsonschema.net http://www.jsonschema.net
  • http://metawidget.org http://metawidget.org
  • 可视化 JSON 编辑器、Windows 桌面应用程序(免费、开源)、http://visualjsoneditor.org/ http://visualjsoneditor.org/

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

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

jQuery

  • formbuilder jQuery 拖放 https://formbuilder.online/
  • formeo http://draggable.github.io/formeo/
  • 沙洛泰利 form_builder http://shalotelli.github.com/form_builder/

YAML

  • Konstellate Reddit 帖子 https://www.reddit.com/r/kubernetes/comments/ao6ggd/konstellate_editor_a_gui_to_build_yaml_files

See Also

  • 谷歌块利 https://developers.google.com/blockly/guides/overview
  • 是否有本地托管的基于 JSON api 的 CMS? https://stackoverflow.com/questions/22582471/is-there-a-json-api-based-cms-that-is-hosted-locally#22607952
  • 基于CMS的概念;;http://www.webhook.com/ http://www.webhook.com/
  • 基于树的小部件;;http://mbraak.github.io/jqTree/ http://mbraak.github.io/jqTree/
  • http://mjsarfatti.com/sandbox/nestedSortable/ http://mjsarfatti.com/sandbox/nestedSortable/
  • http://jsonviewer.codeplex.com/ http://jsonviewer.codeplex.com/
  • http://xmlwebpad.codeplex.com/ http://xmlwebpad.codeplex.com/
  • http://tadviewer.com/ http://tadviewer.com/
  • https://studio3t.com/knowledge-base/articles/visual-query-builder/ https://studio3t.com/knowledge-base/articles/visual-query-builder/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐

  • libpcap:pcap_breakloop() 导致内存泄漏

    使用 Linux 时pthreads and libpcap我在使用时注意到一些奇怪的行为pcap breakloop 我的目标如下 打开一个将运行的新线程pcap loop并处理捕获的数据包 而主线程将执行其他操作 当收到信号 SIGIN
  • GIDSignIn 设置approval_prompt

    问题在于 Google 仅在用户注销应用程序并重新登录后才要求离线访问 Reading this http www riskcompletefailure com 2013 12 are you using approvalpromptfo
  • C 包括防护[重复]

    这个问题在这里已经有答案了 When file1 c包括inc h 包含包含守卫 ifndef INC H 第一次 define INC H被执行 但现在 当另一个file2 c包括相同的inc h 是宏INC H已经定义了 都是同一个故事
  • Linq:选择属性集合

    我有两节课 public class Person public int Id get set public string Name get set public List
  • 是什么原因导致错误“_pickle.UnpicklingError:无效的加载密钥,''。”?

    我正在尝试在数组中存储 5000 个数据元素 这 5000 个元素存储在现有文件中 因此它不为空 但我收到错误 IN def array name puntos df4 m open name rb v 5000 m seek 5000 i
  • “NoneType”对象没有属性“remove_roles”Discord.py

    Keep getting an error for the reaction remove just copy pasted my whole code minus the client id cause it might help I h
  • 为什么我的 Promise 数组在调用 Promise.all() 之前运行?

    我正在尝试创建 Promise 数组 然后使用 Promise all 解析它们 我正在使用 got 它返回一个承诺 我的代码可以工作 但我不完全理解如何工作 这里是 const got require got const url myUr
  • 在 AngularJS 中执行 ng-repeat 内的函数

    我想在 ng repeat 中执行一个函数来检索一些其他数据来显示 例如 我有一份公寓列表 我使用以下方式显示此列表ng repeat 比我想向业主展示的每套公寓 这不是u Apartments So my getInq函数调用服务来获取指
  • Android 驱动程序 JDBC PostgreSQL [重复]

    这个问题在这里已经有答案了 我正在尝试使用 JDBC 驱动程序将我的 Android 应用程序连接到服务器 PostgreSQL 但出现以下错误 java lang ClassNotFoundException org postgresql
  • python 和 networkX keyerror

    我在 python 中遇到这个问题 python 不断给我一个关键错误 重量 g add edge 1 3 weight 2 5 g 1 2 weight 1 5 for n1 n2 attr in g edges data True pr
  • 将 PILLOW 图像转换为 StringIO

    我正在编写一个程序 它可以接收各种常见图像格式的图像 但需要以一种一致的格式检查它们 什么图像格式并不重要 主要是它们都是相同的 由于我需要转换图像格式然后继续处理图像 因此我不想将其保存到磁盘 只需转换它并继续 这是我使用 StringI
  • 编写一个简单的 cron 作业来运行 Java 类

    如何从头开始编写一个 cron 作业来运行 java 类 或者编写一个嵌入 Java 代码来运行的 cron 作业类 以及如何设置计时器每隔一分钟 例如 运行该 cron 作业 注意 完全是 Linux 初学者 这是运行测试作业的示例 sh
  • JNA:结构类中 getFieldOrder() 的用途是什么

    我正在尝试调用 dll 文件中存在的 C 函数 C 函数通过引用将结构对象作为参数 并且函数将在该函数中赋值 因此 在我的 java 应用程序中 为了将结构对象传递给函数 我确实这样写 interface SomeInterface ext
  • 应用顺序/按值调用和正常顺序/按名称调用差异

    背景 我正在根据在线课程学习 sicp 并对其讲义感到困惑 在讲义中 应用顺序似乎等于 cbv 正常顺序等于 cbn 困惑 But the wiki http en wikipedia org wiki Evaluation strateg
  • 使用自定义 std::set 比较器

    我正在尝试将一组整数中项目的默认顺序更改为字典顺序而不是数字顺序 但我无法使用 g 编译以下内容 文件 cpp bool lex compare const int64 t a const int64 t b stringstream s1
  • Rails ActionMailer 与 Devise + Google Apps 处于开发模式

    我正在尝试将 ActionMailer 配置为使用我的 Google Apps 帐户在开发模式下从 Devise 发送邮件 我已将以下内容添加到我的 config environments development rb 文件中 但看起来邮件
  • 动态获取 Javascript 变量中的数据库值

    我多次研究过这个主题 但找不到我的问题的正确答案 让我解释一下 我正在使用 Google Maps API 创建一个应用程序 我希望根据我的数据库值在地图上显示多个位置 我的 javascript 中有一个名为 Locations 的对象
  • 如果缺少 http:// 前缀,请添加到 URL

    你好 我有一个非常简单的代码 a href target self div class callButton Website div a 问题是 如果用户不输入 http 链接将指向我的网站 而不是应有的外部网站 如何在 PHP 中检查用户
  • 动画因过渡而暂停

    我有一个动画移动background position带有关键帧的图像 效果很好 虽然 当用户单击按钮时 我想暂停背景的动画 但要进行过渡 减慢速度然后停止background position从移动 我搜索了类似的东西 但没有找到任何东西
  • 基于 GUI 或基于 Web 的 JSON 编辑器,其工作方式类似于属性资源管理器 [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi