GUI-based or Web-based JSON editor that works like property explorer [closed]

问题：

As it currently stands, this question is not a good fit for our Q&A format. 就目前而言，这个问题不适合我们的问答形式。 We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. 我们希望答案得到事实、参考或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。 If you feel that this question can be improved and possibly reopened, visit the help center for guidance. 如果您认为此问题可以改进并可能重新打开，请访问帮助中心以获取指导。

Closed 9 years ago . 9年前关闭。

Background: This is a request for something that may not exist yet, but I've been meaning to build one for a long time.背景：这是对可能尚不存在的东西的请求，但我很长时间以来一直想建立一个。 First I will ask if anyone has seen anything like it yet.首先我会问是否有人见过类似的东西。

Suppose you have an arbitrary JSON structure like the following:假设您有一个任意的 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',}
    ]
}

Question: Is there a web-based JSON editor that could take a structure like this, and automatically allow the user to modify this in a user-friendly GUI?问题：是否有基于 Web 的 JSON 编辑器可以采用这样的结构，并自动允许用户在用户友好的 GUI 中修改它？

Example: Imagine an auto-generated HTML form that displays 2 input-type-text controls for both title and lastmod, and a table of input-type-text controls with three columns and three rows for arr_list ... with the ability to delete or add additional rows by clicking on a [+][X] next to each row in the table.示例：想象一个自动生成的 HTML 表单，它为 title 和 lastmod 显示 2 个 input-type-text 控件，以及一个包含三列三行的 input-type-text 控件表，用于 arr_list ... 具有删除功能或通过单击表格中每一行旁边的 [+][X] 添加其他行。

Big Idea: The "big idea" behind this is that the user would be able to specify any arbitrary (non-recursive) JSON structure and then also be able to edit the structure with a GUI-based interaction (this would be similar to the "XML Editor Grid View" in XML Spy).大创意：这背后的“大创意”是用户将能够指定任何任意（非递归）JSON 结构，然后还能够使用基于 GUI 的交互来编辑结构（这将类似于XML Spy 中的“XML 编辑器网格视图”）。

See also:也可以看看：

• Is there a JSON api based CMS that is hosted locally? 是否有本地托管的基于 JSON api 的 CMS？
• 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-editor JSON 编辑器
• YAML GUI YAML图形界面

Update: (Thu 2014-07-31 18:31:11)更新：（星期四 2014-07-31 18:31:11）

A github repository has been created to further track this closed SO post.已创建 github 存储库以进一步跟踪此已关闭的 SO 帖子。

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

---

解决方案：

参考一： https://en.stackoom.com/question/4BqC
参考二： https://stackoom.com/question/4BqC