Éditeur JSON basé sur interface graphique ou Web qui fonctionne comme explorateur de propriétés

Question

Contexte: Ceci est une demande pour quelque chose qui n'existe peut-être pas encore, mais je voulais en construire un depuis longtemps. Je vais d'abord demander si quelqu'un a déjà vu quelque chose comme ça.

Supposons que vous ayez une structure JSON arbitraire comme ce qui suit:

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

Question: Y at-il un éditeur JSON Web qui pourrait prendre une telle structure, et permettent automatiquement à l'utilisateur de modifier cette dans une interface utilisateur conviviale?

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

Big Idea: La « grande idée » derrière cela est que l'utilisateur serait en mesure de spécifier une structure JSON arbitraire (non récurrent), puis aussi être en mesure de modifier la structure avec une interaction GUI (ce serait similaire à "XML Editor Grid View" dans XML Spy).

Voir aussi:

• Is there a JSON api based CMS that is hosted locally?

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

Un dépôt GitHub a été créé pour suivre davantage ce poste SO fermé.

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

Answer 1

Mise à jour: Dans un effort pour 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/ ;; Mignon minimal qui fonctionne hors ligne
• http://www.alkemis.com/jsonEditor.htm; celui-ci semble assez agréable
• http://www.thomasfrank.se/json_editor.html
• http://www.decafbad.com/2005/07/map-test/tree2.html éditeur de structure, pas vraiment JSON
• http://json.bubblemix.net/ Visualize JSON structute, en ligne d'édition et de l'exportation vers enjolivé JSON.
• http://jsoneditoronline.org/ Exemple ajouté par le thread participant StackOverflow.Source: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/

• http://jsonviewer.stack.hu/

• http://jsoneditoronline.org/

• mb21.github.io/JSONedit, construit comme une directive angulaire
• cloudwall demo http://cloudwall.me/etc/json-editor.html

Basé sur JSON Schéma

• 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 pour gen erating JSON schemas: http://www.jsonschema.net
• http://metawidget.org
• visuelle JSON Editor, Windows Desktop Application (source libre, ouvert), http://visualjsoneditor.org/

commercial (Aucune approbation prévue ou implicite, ou non répondre à l'exigence)

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

Voir aussi

• Is there a JSON api based CMS that is hosted locally?
• concept basé cm ;; http://www.webhook.com/
• widget basé sur l'arbre ;; http://mbraak.github.io/jqTree/
• http://mjsarfatti.com/sandbox/nestedSortable/
• http://jsonviewer.codeplex.com/
• http://xmlwebpad.codeplex.com/
• http://tadviewer.com/

Answer 2

En général, quand je veux créer un JSON ou une chaîne YAML, je commence par la construction de la structure de données Perl, puis en cours d'exécution simple conversion sur elle. Vous pouvez placer une interface utilisateur devant la génération de structure de données Perl, par ex. un formulaire web.

La conversion d'une structure 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);