afficher du code sur son wordpress : wp-codebox

3 mars 2010

bonjour,

Voilà, je rencontre très souvent le même problème quand je passe en mode mini-geek, c’est que je n’arrive pas à vous mettre du code proprement sur ce blog pour vous expliquer un truc que j’ai fait par exemple. Et là, je suis en train de tester trois éditeurs de php gratuits, et de chercher quel est le plus sympa. Pour vous montrer tout ça, je risque d’avoir besoin de vous mettre du code, et donc je me retrouve avec la balise <pre> et… ben c’est tout… Pas top top, ça donne ça :

<br>voilà, la je tape le code en <b>gras</b> par exemple <br>

et moi, ça me plait pas des masses… Alors je me suis mise à fureter à la recherche du plugin qui va bien… Alors j’en ai essayé plein, des très complets, des compliqués, et j’aime pas trop me prendre la tête… Et j’ai trouvé wp-codebox, très simple, se base sur la balise <pre>, vous rajoutez le langage que vous souhaitez afficher le le tour est joué : <pre lang= »php »>

J’aime avoir la coloration syntaxique, très pratique, j’aime avoir la numérotation des lignes… vous pouvez commencer la numérotation des lignes plus loin en rajoutant par exemple line= »15″

pour finir, vous pouvez afficher ou masquer la box en ajoutant colla= »+ » ou colla= »- »

Vous avez une petite interface d’administration, et de nombreux langages sont supportés. Par contre, l’éditeur visuel de wordpress ne le supporte pas, et le code s’affiche comme s’il était transformé (là pour le coup, je vois une liste avec « photos nature » et « photos faune »). Pour info, je suis revenue à l’éditeur visuel de base de wordpress après de nombreuses pérégrinations.

Sinon, vous avez d’autres exemples de ses capacités ici : http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples

En cliquant sur « viewcode », vos lecteurs auront une petite pop-up qui apparait avec le code brut, facile à copier.

voili voiloup, je comptais taper mon autre billet aujourd’hui, mais EDF nous a annoncé une coupure de courant une bonne partie de l’aprèm… pas grave, on commence à avoir l’habitude…..
bonne journée  :)

EDIT = au moment de publier, les deux possibilités de commencer la numérotation plus loin et de faire apparaitre ou non la box ont été scratchées par mon wp… il faut éviter de repasser par l’éditeur visuel avant la publication apparemment… et on dit merci wordpress

Vous aimerez peut-être

7 Réponses à “afficher du code sur son wordpress : wp-codebox”

  1. makeneo dit :

    Bonjour,

    merçi pour ce post car ce plugin est vraiment génial. J'utilisais wp-syntax mais wp-codebox est meilleur.

    Il y a cependant un bémol, le signe '>' ne s'affiche pas correctement. J'obtiens : ">" à la place.

    ex :

    Avec :

    current = current->next;

    j'obtiens :

    current = current->next;

  2. makeneo dit :

    Bonjour,

    merçi pour ce post car ce plugin est vraiment génial. J’utilisais wp-syntax mais wp-codebox est meilleur.

    Il y a cependant un bémol, le signe ‘>’ ne s’affiche pas correctement. J’obtiens : « >» à la place.

    ex :

    Avec :

    current = current->next;

    j’obtiens :

    current = current->next;

  3. makeneo dit :

    et commercial gt;

  4. Drine dit :

    test

    <pre lang="php"> current = current->next;</pre>

  5. Drine dit :

    comme tu vois, ça a l'air de fonctionner. Alors souvent il y a un truc qui se met en travers, c'est wordpress qui formate ton code, et ça c'est un truc qui m'agace, mais à un point… grrr

    Si ça vient de là, tu as toujours possibilité de désactiver le formatage automatique des billets, comme expliqué ici :

    <a href ="http://quick-tutoriel.com/163-desactiver-le-formatage-automatique-des-billets-sous-wordpress&quot; rel="nofollow"&gt <a href="http://;http://quick-tutoriel.com/163-desactiver-le-formatage-automatique-des-billets-sous-wordpress » target= »_blank »>;http://quick-tutoriel.com/163-desactiver-le-formatage-automatique-des-billets-sous-wordpress

  6. Bonjour,

    j’utiilse wp-codebox avec succés sur un de mes sites, je cherche un moyen de l’active dans les commentaires des visiteurs….

    une petite idée?

    Merci
    formation statistique Articles récents..Traitement de jeux de donnéesMy Profile

    • Drine dit :

      désolée, mais je ne vois pas trop comment faire en fait, je suis pas assez calée en code pour ça, ça doit pas être forcément bien compliqué, mais là, je sèche (et c’est pas faute de m’être penchée sur le pb )
      Essaie de contacter l’admin de ce site : http://4h18.com/ il est plus que calé en wordpress, il doit bien savoir ce genre de chose lui :)

Commenter


− 1 = 2

CommentLuv badge

Vous pouvez ajouter une image a votre commentaire en cliquant ici.

  • Catégories

  • Référencement et chez moi ailleurs