Si on souhaite discuter de programmes informatiques, ou simplement de scripts ou de codes html, il est intéressant d’utiliser une bonne partie des caractéristiques d’édition des environnements de développement intégré (EDI ou IDE en anglais pour integrated development environment) :
- utilisation d’une police adaptée, à chasse fixe
- coloration syntaxique adaptée aux langages courants
- numérotation des lignes de code
- respect de l’indentation
- copie facile du code
Plusieurs extensions WordPress sont disponibles pour cela, dont trois particulièrement suivies et bien notées :
- Syntax Highlighter bonne base (Gorbatchev)
- Syntax Highlighter Compress
- Crayon Syntax Highlighter/
Les deux premiers se basent sur le code javascript d’Alex Gorbatchev, tandis que le troisième est un projet spécifique à WordPress, en PHP et JQuery. J’ai choisi d’installer ce dernier, du fait des caractéristiques supplémentaires suivantes :
- possibilité d’activer/désactiver les numéros de ligne
- possibilité d’activer/désactiver la coloration syntaxique
- choix entre inclusion du code ou référence du fichier (url absolu ou local)
- passage possible en fenêtre pleine dédiée uniquement au code
Le code suivant (remplacer les accolades par des crochets) permet d’intégrer à l’article un code sur le triangle de Sierpinski directement à partir de sa source sur le site literateprograms.org, en mettant en évidence les lignes 44 à 46 :
{crayon title =”Sierpinski triangle” url=”http://en.literateprograms.org/Special:Downloadcode/Sierpinski_triangle_%28Python%29?file=sierpinski.py” mark=”44-46″ toolbar=”always”} {/crayon}
Et voici le résultat !
[crayon title =”Sierpinski triangle” url=”http://en.literateprograms.org/Special:Downloadcode/Sierpinski_triangle_%28Python%29?file=sierpinski.py” mark=”44-46″ toolbar=”always”][/crayon]