javascript - JSON 对象图形用户界面

Question

我想为我的用户提供一个界面来编辑 JSON 对象。

例如，我有一个使用以下选项调用 Google 图表的 JavaScript:

var options={
    chartType: "Pie",
    title:"Chart title",
    is3D:false,
    width:500,
    height:300,
};

理想情况下，我的用户应该能够自己修改选项，而无需查看代码。他们将看到一个从对象自动构建的 UI，其中:

• 图表类型是一个选择(饼图、折线图、条形图)
• 标题是文本输入
• is3D 是一个复选框
• 等等

有这方面的图书馆吗？如果没有，有什么入门建议吗？

我当然可以手动构建表单，但我的想法是拥有一个适用于任何对象的通用解决方案。

Answer 1

我发现这个链接包含描述 JSON 的约定:http://www.json-schema.org/

搜索“JSON schema”让我找到了很多解决方案，尤其是这篇文章:

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

它是两年前开始的，但显然有详细的记录并保持最新。

还有 2012 年 4 月在 ibm 网站上的帖子:

http://www.ibm.com/developerworks/library/wa-jsonschema/index.html?cmp=dw&cpb=dwwdv&ct=dwnew&cr=dwnen&ccy=zz&csr=040512