Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Editer vos JSON directement dans le navigateur grâce à Hulk

Le , par FirePrawn

0PARTAGES

1  0 
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 : Sélectionner tout
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 : Sélectionner tout
$.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 ?

Utilisez-vous les JSON ?
Si oui, utiliseriez-vous cet éditeur en ligne ?

Une erreur dans cette actualité ? Signalez-le nous !