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

Question

Contexte: Ceci est une demande pour quelque chose qui n'existe pas encore, mais j'ai eu l'intention d'en construire une pour une longue période de temps. Je vais d'abord vous demander si quelqu'un a vu quelque chose comme ça encore.

Supposons que vous avez un arbitraire structure JSON comme 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: Est-il basé sur le web JSON éditeur qui pourrait prendre une structure comme celle-ci, automatiquement et permettent à l'utilisateur de modifier cela dans une interface utilisateur conviviale?

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

Grande Idée: La "grande idée" derrière cela est que l'utilisateur sera en mesure de préciser tout arbitraire (non récursif) structure JSON et puis aussi être en mesure de modifier la structure avec une interface graphique basée sur l'interaction (ce serait semblable à la "Éditeur XML Affichage de la Grille" en XML Spy).

Mise À Jour: (Jeu 2014-07-31 18:31:11)

Un dépôt github a été créée pour promouvoir le suivi de ce fermé de façon à ce poste.

• 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é à en savoir plus.

• http://knockoutjs.com/documentation/plugins-mapping.html ;; knockoutjs.com nice
• http://www.alkemis.com/jsonEditor.htm ; celui-ci a l'air assez sympa
• http://www.csscripting.com/wiki/index.php?title=Freja ; basé sur le format XML au lieu de JSON
• http://robla.net/2005/jsonwidget/ ; basé sur JSON, quelqu'un projet de développement
• http://www.thomasfrank.se/json_editor.html
• http://www.aspdatabase.net/AjaxEdit/readme.html
• http://www.linb.net/JSONEditor/index.html
• http://www.midorijs.com/Passing-JavaScript-Objects-to-PHP.html
• http://github.com/iterationlabs/jsoneditor/tree/master
• http://www.decafbad.com/2005/07/map-test/tree2.html le Contour de l'éditeur, pas vraiment JSON
• http://json.bubblemix.net/ Visualiser JSON structute, édition en ligne et les exporter retour à l'embellie JSON.
• http://jsoneditoronline.org/ Exemple ajouté par StackOverflow thread participant. Source: https://github.com/josdejong/jsoneditor
• http://jsonmate.com/
• http://jsonviewer.stack.hu/
• http://jsoneditor.appspot.com/
• http://jsoneditoronline.org/
• http://codebeautify.org/jsonviewer

Basé sur JSON Schema

• https://github.com/jdorn/json-editor
• https://github.com/joshfire/jsonform
• https://github.com/gitana/alpaca
• https://github.com/marianoguerra/json-edit
• https://github.com/exavolt/onde
• Outil pour générer des Schémas JSON: http://www.jsonschema.net
• http://metawidget.org

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

• http://www.altova.com/download-json-editor.html
• XML ValidatorBuddy - JSON et XML editor supporte la syntaxe JSON-vérification de la syntaxe du code, la coloration, l'auto-complétion, JSON Pointeur de l'évaluation et de JSON de la validation du Schéma.

Voir Aussi

• arbre à base de widget ;; http://mbraak.github.io/jqTree/
• http://mjsarfatti.com/sandbox/nestedSortable/
• http://jsonviewer.codeplex.com/
• http://jsonwidget.org/wiki/Jsonwidget
• http://xmlwebpad.codeplex.com/
• http://hicoder.posterous.com/json-editor-component-flex
• https://github.com/iterationlabs/jsoneditor

Answer 2

Généralement, lorsque je veux créer une chaîne JSON ou YAML, je commence par construire la structure de données Perl, puis j'y exécute une simple conversion. Vous pouvez placer une interface utilisateur devant la génération de 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);