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
Architecte systèmes études & scientifiques H/F
Safran - Ile de France - Vélizy-Villacoublay (78140)
Architecte sécurité des systèmes d'information embarqués H/F
Safran - Ile de France - 100 rue de Paris 91300 MASSY
Ingénieur intégration, validation, qualification du système de drone H/F
Safran - Ile de France - Éragny (95610)

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