É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 ?