Éditez vos JSON directement dans le navigateur grâce à Hulk
Vous pouvez désormais visualiser vos JSON dans votre navigateur
Grâce à Hulk qui représente un JSON en HTML
Un nom agressif pour un rendu très simple et agréable : Hulk vous permet d'éditer vos JSON directement dans votre navigateur !
L'utilisation est simple :
Code:
1 2 3
| $.hulk('#selector', {foo: "bar"}, function(data) {
console.log("Here's the updated data: " + data);
}); |
Ce code va insérer l'éditeur de JSON dans l'élement d'id « selector » (une div par exemple). On préférera utiliser les id plutôt que les classes.
Le troisième argument est un callback qui sera exécuté après un clic sur le bouton « Save ».
Bien sûr vous pouvez retrouver l'état d'origine par un simple appel :
Code:
$.hulkSmash('#selector');
L'éditeur comprend deux fichiers CSS afin de rendre l'interface plus agréable. Mais vous pouvez bien évidemment les modifier pour personnaliser le style de vos inputs et autres champs ;)
Pour plus d'informations je vous invite à consulter la documentation officielle ou encore un exemple en ligne.
Source : Hulk
Et vous ?
:fleche: Utilisez-vous les JSON ?
:fleche: Si oui, utiliseriez-vous cet éditeur en ligne ?