基于gui或基于web的JSON编辑器，工作方式类似于属性浏览器

背景:这是一个可能还不存在的东西的请求，但我一直想建立一个很长一段时间。首先，我想问问有没有人看过这样的电影。

假设你有一个任意的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的2个输入类型-文本控件，以及arr_list的3列3行的输入类型-文本控件表…通过点击表中每一行旁边的[+][X]来删除或添加额外的行。

重要理念:“大想法”;这背后是用户可以指定任何任意的(非递归的)JSON结构，然后还可以使用基于gui的交互来编辑结构(这将类似于“XML编辑器网格视图”。在XML间谍)。

参见:

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

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

226999 次浏览
小开
最佳答案

为了回答我自己的问题，这里是我迄今为止所能发现的。如果其他人有什么消息，我仍然有兴趣了解更多。

基于JSON模式

商业(没有有意或暗示的背书，可能符合也可能不符合要求)

jQuery

  • < a href = " https://formbuilder。online/" rel="noreferrer">formbuilder jQuery拖放 .
  • < a href = " http://draggable.github。io / formeo noreferrer“rel = > formeo < / >
  • shalotelli form_builder

YAML

另请参阅

小开

通常，当我想创建JSON或YAML字符串时，我首先构建Perl数据结构，然后对其运行简单的转换。你可以把一个UI放在Perl数据结构生成的前面，例如一个web表单。

将结构转换为JSON非常简单:

use strict;
use warnings;
use JSON::Any;


my $data = { arbitrary structure in here };
my $json_handler = JSON::Any->new(utf8=>1);
my $json_string = $json_handler->objToJson($data);

提交答案