jquery - nodejs - 基於GUI或基於Web的JSON編輯器,像屬性資源管理器一樣工作




nodejs json editor (2)

背景:這是一個可能還不存在的東西的要求,但我一直想要建立一個很長一段時間。 首先,我會問有沒有人看過類似的東西呢。

假設您有如下的任意JSON結構:

{
    'str_title':'My Employee List'
    ,'str_lastmod': '2009-June-15'
    ,'arr_list':[
        {'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個input-type-text控件,以及一個包含arr_list的三列和三行的input-type-text控件表或者通過單擊表格中每行旁邊的[+] [X]來添加額外的行。

大想法:背後的“重要思想”是用戶可以指定任意的(非遞歸的)JSON結構,然後也可以通過基於GUI的交互來編輯結構(這將類似於XML Spy中的“XML Editor Grid View”)。

也可以看看:

更新:(Thu 2014-07-31 18:31:11)

已經創建了一個github存儲庫來進一步跟踪這封閉的SO帖子。


更新:為了回答我自己的問題,以下是我迄今能夠發現的內容。 如果有其他人有東西,我仍然有興趣了解更多。

基於JSON模式

商業(無意或暗示背書,可能滿足要求或不滿足要求)

也可以看看


通常,當我想創建JSON或YAML字符串時,我首先構建Perl數據結構,然後對其執行簡單的轉換。 您可以在Perl數據結構生成前放置一個UI,例如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);






wysiwyg