Editor JSON baseado em GUI ou baseado na Web que funciona como o explorador de propriedades [fechado]

Antecedentes: esta é uma solicitação de algo que talvez ainda não exista, mas pretendo criar uma por um longo tempo. Primeiro vou perguntar se alguém já viu algo assim ainda.

Suponha que você tenha uma estrutura JSON arbitrária como a seguinte:

{
    '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',}
    ]
}

Pergunta: Existe um editor JSON baseado na Web que possa assumir uma estrutura como essa e permitir automaticamente que o usuário modifique isso em uma GUI amigável?

Exemplo: imagine um formulário HTML gerado automaticamente que exiba 2 controles de texto do tipo de entrada para o título e o lastmod e uma tabela de controles de texto do tipo de entrada com três colunas e três linhas para arr_list ... com a capacidade de excluir ou adicione linhas adicionais clicando em [+] [X] ao lado de cada linha da tabela.

Grande idéia: a "grande idéia" por trás disso é que o usuário poderá especificar qualquer estrutura JSON arbitrária (não recursiva) e também poderá editar a estrutura com uma interação baseada em GUI (isso seria semelhante ao "XML Editor Grid View" no XML Spy).

Veja também:

• Existe um CMS baseado em API JSON hospedado localmente?
• /ux/37237/treetable-as-a-flexible-condition-filter-editor

Atualização: (Qui 2014-07-31 18:31:11)

Um repositório do github foi criado para acompanhar ainda mais esta postagem fechada do SO.

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

Atualização: em um esforço para responder à minha própria pergunta, eis o que consegui descobrir até agora. Se mais alguém tiver alguma coisa, eu ainda estaria interessado em descobrir mais.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com nice
• http://jsonviewer.arianv.com/ ;; Um mínimo bonito que funciona offline
• http://www.alkemis.com/jsonEditor.htm ; esse parece bem legal
• http://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html Editor de estrutura de tópicos, não é realmente JSON
• http://json.bubblemix.net/ Visualize a estrutura JSON, edite inline e exporte de volta para o JSON prettified.
• http://jsoneditoronline.org/ Exemplo adicionado pelo participante do thread do StackOverflow. Fonte: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/
• http://jsonviewer.stack.hu/
• mb21.github.io/JSONedit , construído como uma diretiva Angular

Baseado no esquema JSON

• https://github.com/jdorn/json-editor
• https://github.com/mozilla-services/react-jsonschema-form
• https://github.com/json-schema-form/angular-schema-form
• https://github.com/joshfire/jsonform
• https://github.com/gitana/alpaca
• https://github.com/marianoguerra/json-edit
• https://github.com/exavolt/onde
• Ferramenta para gerar esquemas JSON: http://www.jsonschema.net
• http://metawidget.org
• Editor Visual JSON, aplicativo Windows Desktop (gratuito, código aberto), http://visualjsoneditor.org/

Comercial (nenhuma aprovação intencional ou implícita, pode ou não atender aos requisitos)

• Editor de esquema XML XML - JSON Editor e validador gráfico de esquema JSON.
• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy - o editor JSON e XML suporta verificação de sintaxe JSON, coloração de sintaxe, preenchimento automático, avaliação JSON Pointer e validação de esquema JSON.

jQuery

• arrastar e soltar jQuery do formbuilder
• formeo
• shalotelli form_builder

YAML

• Konstellate Reddit Post

Veja também

• Google blockly
• Existe um CMS baseado em API JSON hospedado localmente?
• conceito baseado em cms ;; http://www.webhook.com/
• widget baseado em árvore ;; http://mbraak.github.io/jqTree/
• http://mjsarfatti.com/sandbox/nestedSortable/
• http://jsonviewer.codeplex.com/
• http://xmlwebpad.codeplex.com/
• http://tadviewer.com/
• https://studio3t.com/knowledge-base/articles/visual-query-builder/

Geralmente, quando eu quero criar uma string JSON ou YAML, começo criando a estrutura de dados Perl e executando uma conversão simples nela. Você pode colocar uma interface do usuário na frente da geração da estrutura de dados Perl, por exemplo, um formulário da web.

A conversão de uma estrutura para JSON é muito direta:

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);