web-dev-qa-db-fra.com

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

Contexte: Ceci est 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 suit:

{
    '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 semblable à celle-ci et permettre automatiquement à l'utilisateur de la modifier dans une interface graphique conviviale? ?

Exemple: Imaginez un formulaire HTML généré automatiquement qui affiche 2 contrôles de type de texte en entrée pour title et lastmod, ainsi qu'un tableau de type en entrée des contrôles de texte à 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 du tableau.

Grande idée: La "grande idée" derrière ceci est que l'utilisateur puisse spécifier n'importe quelle structure JSON arbitraire (non-récursive) et capable de modifier la structure avec une interaction basée sur une interface graphique (ce serait similaire à la "Vue de la grille de l'éditeur XML" dans XML Spy).

Voir aussi:

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

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

jqueryajaxjsoneditorwysiwyg
206
dreftymac

Mise à jour: Pour tenter 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é à en savoir plus.

Basé sur le schéma JSON

Commercial (Aucune annotation voulue ou implicite, pouvant répondre ou non aux exigences)

jQuery

YAML

Voir aussi

311
dreftymac

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 à l'exécuter par une simple conversion. Vous pouvez placer une interface utilisateur avant 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);
3
Ether