基于GUI或基于Web的JSON编辑器,其工作方式类似于属性浏览器


217

背景:这是对可能尚不存在的要求,但是我一直想建立一个很长的时间。首先,我要问是否有人看到过类似的东西。

假设您具有如下所示的任意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的输入类型文本控件,以及一个用于arr_list的具有三列和三行的输入类型文本控件表...具有删除功能或单击表中每行旁边的[+] [X]添加其他行。

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

也可以看看:

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

已创建一个github存储库以进一步跟踪此已关闭的SO帖子。


您在建立自己的编辑器方面有什么进展吗?我在找同样的东西。我在网上发现的内容几乎与您在答案中列出的内容相同。
思南2009年

不。这似乎是一个好主意,但背后没有足够的动力。
dreftymac

如果我有足够的动力,我会为此写我的第一个可可应用程序,如果你不要求版权的话;)
Sinan 2009年

1
我实在太小,无法围成一个主意,无论如何这已经做完了:) ...如果您决定解决这个问题并且需要其他启发,​​请看一下XMLSPY网格视图编辑器:altova .com / xmlspy / xml-grid-view.html
dreftymac

我一直在考虑这一点,并在检查是否有需求时找到了您的问题。在检查是否有将原型放在一起的需求时
13ren 2011年

Answers:


333

更新:为了回答我自己的问题,这是到目前为止我已经发现的内容。如果外面还有其他人,我仍然有兴趣了解更多信息。

基于JSON模式

商业(无意或默示背书,可能符合或可能不符合要求)

jQuery的

YAML

也可以看看


1
用Freja制作的Form Builder看起来很棒!尽管这(几乎)与问题完全无关...:P
cregox

1
@Cawas确实很棒。令人惊讶的是,但是那里有好几个优秀的表格生成器-最近以3500万美元的价格
13ren 2011年


3
jsoneditoronline git链接不再起作用。
argyle 2013年

4
@jeromeyers:对,所以我在这里找到了工作项目链接:https
Mehul Joisar 2013年

3

通常,当我想创建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);

谢谢,但是我也不熟悉perl表单。对简单的表格制作者有什么建议吗?这实际上只是我正在研究的项目的一小部分,所以我不想花太多时间在构建表单/ UI上,而不是我在写真正的逻辑和算法:)
David B
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.