Editer vos JSON directement dans le navigateur grâce à Hulk
Le 2013-07-30 09:39:48, par FirePrawn, Expert éminent sénior
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 :
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 :
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 ?
L'utilisation est simple :
| Code : |
1 2 3 | $.hulk('#selector', {foo: "bar"}, function(data) {
console.log("Here's the updated data: " + data);
}); |
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');
Pour plus d'informations je vous invite à consulter la documentation officielle ou encore un exemple en ligne.
Source : Hulk
Et vous ?