La colorisation syntaxique sur Alsacreations

Actualitéalsacréations

Publié par le , mis à jour le (10241 lectures)

code alsacréations colorisation chili syntaxique

Qu'est-ce que la colorisation syntaxique ?

La coloration syntaxique est une fonctionnalité informatique proposée par certains éditeurs de texte, qui consiste à formater automatiquement chacun des éléments du texte affiché en utilisant une couleur caractéristique de son type.

Le but est d’améliorer la lisibilité d'un code source en mettant en évidence les structures syntaxiques de son langage de programmation ou de description..

Merci Wikipedia !

colorisation syntaxique

Sur Alsacreations...

Le code source est maintenant colorisé sur les tutoriels, les actualités et le forum pour permettre une meilleure lisibilité.

Comment fait-on ?

Nous avons utilisé le plugin Chili pour jQuery. Celui-ci se base sur la classe (css, mysql, php...) attribuée au tag <code> pour charger dynamiquement le fichier de langage correspondant à la syntaxe souhaitée, et attribuer les couleurs à l'aide d'éléments <span>.

En espérant que ce petit outil vous soit utile :)

Commentaires

@Skoua : ah oui tiens, merci pour l'info !

@Arthur69 : oui on a vu. ça risque d'être un peu chaud à corriger, mais on va regarder ça de près.

Excellent !, euh par contre moi je serais d'accord pour un peu moins de couleur (ça fait un peu bizarre au ventre dès fois ) :@ (rah le rabat joie! )

Excellente initiative. Je ne sais pas si des commentaires sur l'implémentation vous intéressent mais au cas où, il y a trois points que signalerais :
1. [code=js] invalide visiblement la balise code.
2. [code=mysql] : (1) mysql n'est pas un langage et (2) des visiteurs peuvent demander de l'aide sur du SQL pour SQLite, PGSQL, SQL Server, etc. Les variations mineures du langages entre les différents serveurs ne doivent pas a priori gêner la coloration syntaxique, je pense donc que ce serait plus juste avec [code=sql]
3. le onchange du select n'est pas vraiment un chef d'oeuvre :-) Vous pourriez allègrement remplacer ça : onchange="[removed]void(insertElt('[code='+this.form.switch_code.options[this.form.switch_code.selectedIndex].value+']'))" par ça : onchange="insertElt('[code='+this.options[selectedIndex].value+']')"
Voilà, sinon, encore une fois, très bonne idée.

bonsoir et merci pour le lien ...
je pensais justement égayer mes humble codes de quelques coloris et comme j'ai rien vu de semblable sous Zend !

laurent

@marcv : La colorisation sur le forum est en cours de développement, c'est donc normal si cela ne fonctionne pas.

Nous avons déjà mis les balises à disposition afin de permettre aux prochains posts de bénéficier automatiquement de la colorisation syntaxique lorsque celle-ci sera fonctionnelle.

Merci de ta compréhension ;-)

@julixyde : je suis tout à fait compréhensif, ne va pas imaginer qu'il s'agissait d'une plainte de ma part. Le fait que la "communauté" signale des bugs et/ou suggère des améliorations possibles est théoriquement quelque chose de positif pour vous, et c'est uniquement dans cet esprit que je vous écrivais.

Autant (au temps) pour moi, je vois qu'on peut dire aussi colorisation syntaxique. On en apprend tous les jours :-)

Commentaires clos