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 !

Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum developpez.com

Le , par Bovino

22PARTAGES

9  0 


Je vous propose un module Firefox pour pouvoir intégrer directement les liens JSFiddle et CodePen sur le forum.
Dès qu'un de ces liens est repéré par le module, il est automatiquement transformé en lien d'intégration : vous pouvez donc voir directement le code en question et le résultat sans avoir à quitter le forum.

Par défaut, c'est l'onglet "Résultat" qui est affiché.

Note concernant CodePen.
Il n'est pas possible d'intégrer les codes anonymes de CodePen (liens du type codepen.io/anon/pen/XXX), ces liens ne sont donc pas pris en compte par le module.

Télécharger l'add-on.

Exemple :
JSFiddle
http://jsfiddle.net/hadkC/
[spoiler]http://jsfiddle.net/hadkC/[/spoiler]

CodePen
http://codepen.io/bovino/pen/DEimq/
[spoiler]http://codepen.io/bovino/pen/DEimq/[/spoiler]

Merci de me faire part des éventuels bogues rencontrés ou d'autres éditeurs de code en ligne utiles à intégrer.

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

Avatar de Bovino
Rédacteur https://www.developpez.com
Le 08/04/2015 à 14:48
L'add-on Firefox (je ferai celui de Chrome si on me le demande) a été mis à jour pour prendre en charge certaines évolutions de Codepen (la gestion des pens anonymes) et les liens de type fiddle.jshell.net.
Est-ce que quelqu'un serait intéressé pour intégré d'autres outils (par exemple JSBin) ?

D'autre part, je prépare une autre évolution pour les pens ou fiddle se trouvant dans les nouvelles balises [spoiler].
2  0 
Avatar de SylvainPV
Rédacteur/Modérateur https://www.developpez.com
Le 12/04/2014 à 1:13
Hello Bovino, j'ai installé l'extension Chrome sur un de mes postes et ça marche nickel, rien à redire.
Ceci dit je ne pense pas l'utiliser, une extension juste pour éviter un clic c'est un peu too much pour moi Et la version embed de jsfiddle n'est pas pratique pour voir les différents codes et le résultat simultanément.
1  0 
Avatar de Bovino
Rédacteur https://www.developpez.com
Le 27/04/2014 à 8:59
Citation Envoyé par Bovino Voir le message
La version pour Chrome est disponible.

Mais comme je n'ai pas l'intention (pour l'instant) de payer $5 pour avoir le droit de le mettre sur Web Store, il faudra l'installer manuellement avec les avertissements liés à ce type d'installation.

Pour installer le module :
  • le télécharger (version zip) : [ATTACH]141959d1/a/a/a" /> ;
  • aller à l'adresse chrome://extensions/ dans Chrome ;
  • ouvrir le répertoire contenant le fichier ;
  • décompresser le fichier ;
  • glisser déposer le fichier .crx dans la page des extensions ;
  • valider le message d'avertissement.
1  0 
Avatar de Bovino
Rédacteur https://www.developpez.com
Le 02/04/2014 à 17:53
La version pour Chrome est disponible.

Mais comme je n'ai pas l'intention (pour l'instant) de payer $5 pour avoir le droit de le mettre sur Web Store, il faudra l'installer manuellement avec les avertissements liés à ce type d'installation.

Pour installer le module :
  • le télécharger (version zip) : [ATTACH]141959d1/a/a/a" /> ;
  • aller à l'adresse chrome://extensions/ dans Chrome ;
  • ouvrir le répertoire contenant le fichier ;
  • décompresser le fichier ;
  • glisser déposer le fichier .crx dans la page des extensions ;
  • valider le message d'avertissement.
0  0 
Avatar de Bovino
Rédacteur https://www.developpez.com
Le 04/04/2014 à 9:15
Les deux modules ont été mis à jour (version 0.7).
Pour Firefox, pensez à vérifier que la mise à jour s'est bien faite dans le gestionnaire d'extensions (sinon, récupérer la dernière version via le lien du premier message).

Pour Chrome, voici le fichier zip contenant le module : [ATTACH]142105d1/a/a/a" />.

N'hésitez pas à me faire vos retours, ne serait-ce que pour avoir une idée de qui utilise ces modules et donc si ça vaut le coup de les faire évoluer.
0  0 
Avatar de danielhagnoul
Rédacteur https://www.developpez.com
Le 13/04/2014 à 18:54
Citation Envoyé par SylvainPV Voir le message
Ceci dit je ne pense pas l'utiliser, une extension juste pour éviter un clic c'est un peu too much pour moi Et la version embed de jsfiddle n'est pas pratique pour voir les différents codes et le résultat simultanément.
Je partage cette opinion et j'ai horreur de JSFiddle.
0  0 
Avatar de ludojojo
Expert confirmé https://www.developpez.com
Le 15/05/2014 à 13:59
C'est une vrai bonne idée ! J'adore
0  0 
Avatar de zied.ellouze
Membre du Club https://www.developpez.com
Le 05/01/2015 à 9:33
Bonjour
Bravo Bovino
Ça marche très bien
0  0 
Avatar de la.lune
Membre chevronné https://www.developpez.com
Le 27/04/2014 à 5:29
Mais où est l’extension pour Chrome , je vois le lien pour Firefox seulement.
0  1 
Avatar de la.lune
Membre chevronné https://www.developpez.com
Le 27/04/2014 à 9:50
Merci! Je suis désolé, car je m'attendais à voir tout dans le message principal, mais quand je n'ai pas vu je me suis donné la peine de lire les messages.
0  1