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

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut [add-on Firefox / Chrome] Module d'intégration de JSFiddle et CodePen sur le forum


    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/


    CodePen
    http://codepen.io/bovino/pen/DEimq/


    Merci de me faire part des éventuels bogues rencontrés ou d'autres éditeurs de code en ligne utiles à intégrer.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut
    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) : fiddleDVP.zip ;
    • 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.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut
    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 : fiddleDVP.zip.

    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.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Points : 9 944
    Points
    9 944
    Par défaut
    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.
    One Web to rule them all

  5. #5
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 73
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Points : 22 933
    Points
    22 933
    Billets dans le blog
    125
    Par défaut
    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.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  6. #6
    Membre chevronné
    Avatar de la.lune
    Homme Profil pro
    Directeur Technique
    Inscrit en
    Décembre 2010
    Messages
    545
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Comores

    Informations professionnelles :
    Activité : Directeur Technique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2010
    Messages : 545
    Points : 2 084
    Points
    2 084
    Par défaut
    Mais où est l’extension pour Chrome , je vois le lien pour Firefox seulement.

  7. #7
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut
    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) : fiddleDVP.zip ;
    • 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.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  8. #8
    Membre chevronné
    Avatar de la.lune
    Homme Profil pro
    Directeur Technique
    Inscrit en
    Décembre 2010
    Messages
    545
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Comores

    Informations professionnelles :
    Activité : Directeur Technique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2010
    Messages : 545
    Points : 2 084
    Points
    2 084
    Par défaut
    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.

  9. #9
    Expert confirmé
    Avatar de ludojojo
    Homme Profil pro
    Développeur SharePoint
    Inscrit en
    Avril 2008
    Messages
    2 967
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France

    Informations professionnelles :
    Activité : Développeur SharePoint
    Secteur : Conseil

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 967
    Points : 5 347
    Points
    5 347
    Billets dans le blog
    5
    Par défaut
    C'est une vrai bonne idée ! J'adore
    Aide les autres...
    Et les autres t'aideront....
    Mon site DVP
    N'oubliez pas de consulter les FAQ SharePoint et les cours et tutoriels SharePoint

    N'oubliez pas de voter pour les messages dont la réponse est pertinente

  10. #10
    Membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Avril 2006
    Messages
    40
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2006
    Messages : 40
    Points : 51
    Points
    51
    Par défaut
    Bonjour
    Bravo Bovino
    Ça marche très bien

  11. #11
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 418
    Points
    91 418
    Billets dans le blog
    20
    Par défaut
    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].
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. Déployer FireFox avec modules
    Par Enthau dans le forum Firefox
    Réponses: 1
    Dernier message: 13/02/2009, 12h01
  2. Comment piloter un Add-On FireFox, à l'aide de javascript
    Par BozKiller dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 11/10/2007, 15h24
  3. [Netbeans][jboss]module d'intégration de NetBeans/JBoss
    Par vempiria dans le forum NetBeans
    Réponses: 3
    Dernier message: 25/02/2005, 15h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo