IdentifiantMot de passe
Mot de passe oublié ?Je m'inscris ! (gratuit)

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
commentaire

5PARTAGES

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 : 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 ?
Vous avez lu gratuitement 8 articles depuis plus d'un an.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.

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