C’est toujours pour mon problème de code lisible dans les articles de nos blogs geeks. Grâce à Dan de BuddyPress.fr j’ai une nouvelle liste d’extensions prétendantes, que je teste maintenant.

FV-Code Highlighter. Il fonctionne presque mais ne colorie rien! Alors je l’enlève, c’est dommage il faisait partie de ceux qui nécessitent le moins de pirouettes, il suffit d’insérer votre code entre les fausses balises:
{code type= »type« } et {/code},
où « type » peut prendre les valeurs qui m’ intéressent: HTML, CSS, PHP et XML. Il manque les javascripts, de toute façon. Tant pis.

Google Code Syntax Highlighter. Pareil raté (alors que ça promet » tout en js rien à foutre du serveur…c’est moi qui bugge là p’têt?)

Mais Dan revient plus qu’en force, m’obligeant même à faire un lien vers son profil, car il a trouvé le Graal: SyntaxHighlighter Plus. Comme c’est mon idole je fais comme lui et je teste avec du css. Et comme mes idoles c’est pas des gauffres, ça marche! :-)

#header {
height: 215px;
background: url(images/header2.jpg);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed top left -1px;;
background-color: #1f3246 ;

.

Comment on s’en sert?

Si j’le dis pas c’est sûr… Donc pour obtenir la belle boîte ci-dessus dans votre blog, faut mettre:

[ sourcecode language='css'] votre code [ /sourcecode]

mais sans les espaces après les crochets.
language peut valoir un tas de trucs, entres autres xml, xhtml, xslt, html ou xhtml, css, php, sql, java, js, jscript ou javascript et as3 ou actionscript3. C’est bien pour les petits scribouilleux, tout ça, mais il supporte aussi des langues de gros codeurs comme le C, allez voir dans la liste complète.

1 réaction à “Code Highlighter, on dit…”
  1. [...] – Akismet – protège les commentaires de votre blog des méchants robots spammeurs. – Google XML Sitemaps - génère une carte pour que Google comprenne et reluque correctement votre blog. – Simple Code Embed - permet d’intégrer des vidéos, des iframes et autres gadgets à vos articles avec les champs personnalisés. en savoir plus – StatPress – suit les visites sur votre blog depuis l’administration, capable d’afficher les stat dans la sidebar. – SyntaxHighlighter Plus – pour insérer du code mis en forme dans les articles. en savoir plus [...]

  2.  
Réagir

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>