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

Le , 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 :

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 aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :
Offres d'emploi IT
Développeur javascript h/f
CTS Consulting - Pays de la Loire - Nantes (44000)
Développeur(se) Front End confirmé(e) HTML 5 / CSS 3 / JavaScript
Avenue Du Web - Bretagne - Rennes (35000)
Ingénieur solution web #multi-devices #javascript h/f
MATIERE GRISE - Ile de France - Paris (75000)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -