Éditeur JSON basé sur une interface graphique ou Web qui fonctionne comme l'explorateur de propriétés [fermé]

Contexte: Il s'agit d'une demande pour quelque chose qui n'existe peut-être pas encore, mais je voulais en créer un depuis longtemps. Je vais d'abord demander si quelqu'un a déjà vu quelque chose de semblable.

Supposons que vous ayez une structure JSON arbitraire comme la suivante:

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

Question: Existe - t-il un éditeur JSON basé sur le Web qui pourrait prendre une structure comme celle-ci et permettre automatiquement à l'utilisateur de le modifier dans une interface graphique conviviale?

Exemple: Imaginez un formulaire HTML généré automatiquement qui affiche 2 contrôles de type de texte d'entrée pour le titre et lastmod, et un tableau de contrôles de type de texte d'entrée avec trois colonnes et trois lignes pour arr_list ... avec la possibilité de supprimer ou ajoutez des lignes supplémentaires en cliquant sur un [+] [X] à côté de chaque ligne du tableau.

Grande idée: La "grande idée" derrière cela est que l'utilisateur serait en mesure de spécifier n'importe quelle structure JSON arbitraire (non récursive), puis serait également en mesure de modifier la structure avec une interaction basée sur l'interface graphique (ce serait similaire à la "Affichage de la grille de l'éditeur XML" dans XML Spy).

Voir également:

• Existe-t-il un CMS basé sur une API JSON qui est hébergé localement?
• /ux/37237/treetable-as-a-flexible-condition-filter-editor

Mise à jour: (jeu 2014-07-31 18:31:11)

Un référentiel github a été créé pour suivre davantage cette publication SO fermée.

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

Mise à jour: Afin de répondre à ma propre question, voici ce que j'ai pu découvrir jusqu'à présent. Si quelqu'un d'autre a quelque chose, je serais toujours intéressé d'en savoir plus.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com nice
• http://jsonviewer.arianv.com/ ;; Minimal mignon qui fonctionne hors ligne
• http://www.alkemis.com/jsonEditor.htm ; celui-ci est plutôt joli
• http://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html Editeur de contour, pas vraiment JSON
• http://json.bubblemix.net/ Visualisez la structure JSON, modifiez-la en ligne et réexportez-la en JSON optimisé.
• http://jsoneditoronline.org/ Exemple ajouté par un participant au thread StackOverflow. Source: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/
• http://jsonviewer.stack.hu/
• mb21.github.io/JSONedit , construit comme une directive angulaire

Basé sur le schéma 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
• Outil de génération de schémas JSON: http://www.jsonschema.net
• http://metawidget.org
• Visual JSON Editor, Windows Desktop Application (gratuit, open source), http://visualjsoneditor.org/

Commercial (Aucune approbation prévue ou implicite, peut ou peut ne pas répondre à l'exigence)

• Liquid XML - Éditeur de schéma JSON Éditeur et validateur graphique de schéma JSON.
• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy - JSON et l'éditeur XML prennent en charge la vérification de la syntaxe JSON, la coloration de la syntaxe, l'auto-complétion, l'évaluation du pointeur JSON et la validation du schéma JSON.

jQuery

• formbuilder jQuery glisser-déposer
• formeo
• shalotelli form_builder

YAML

• Konstellate Reddit Post

Voir également

• Google en bloc
• Existe-t-il un CMS basé sur une API JSON qui est hébergé localement?
• concept basé sur cms ;; http://www.webhook.com/
• widget arborescent ;; 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/

Généralement, lorsque je veux créer une chaîne JSON ou YAML, je commence par créer la structure de données Perl, puis en exécutant une simple conversion dessus. Vous pouvez mettre une interface utilisateur devant la génération de la structure de données Perl, par exemple un formulaire Web.

La conversion d'une structure en JSON est très simple:

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