La colorisation syntaxique sur Alsacreations

Actualité par (Etudiante ^^, Fegersheim)
Créé le , mis à jour le (10082 lectures)
Tags : 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

DvN a dit le

Très très bonne initiative, c'est bon pour les yeux et la tête de vite s'y retrouver.

Skoua a dit le

Très bonne idée. :)

scientifix94 a dit le

Super !

Je ne savais pas qu'Alsacréations tournait sous Drupal... ;)

Raphael a dit le

@scientifix94 : moi non plus. Où as-tu vu ça ? C'est ironique ?

jQz a dit le

L'idée est excellente !

Skoua a dit le

@Raphael : Chili est hébergé sur drupal.org

Arthur69 a dit le

C'est le ptit plus qui fait qu'on aime Alsa^^

Arthur69 a dit le

Au passage, ça déconne : http://www.alsacreations.com/tuto/lire/550-Le...

Les caractères accentués ne sont pas colorés, et les balises de fermeture non plus...

Raphael a dit le

@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.

scientifix94 a dit le

@Raphael : Ah c'est juste héberger chez drupal. ;) Je croyais que ça prenais drupal pour le faire fonctionner. My bad !

Florent V. a dit le

@Raphael : Ici la correction consiste surtout à ne pas marquer comme du code ce qui n'en est pas.

Julien Royer a dit le

Très bonne idée, ça améliore bien la lisibilité. :-)

masseuro a dit le

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! )

marcv a dit le

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.

kzone a dit le

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

julixyde a dit le

@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 ;-)

marcv a dit le

@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.

Ericf a dit le

La colorisation syntaxique, c'est pas mal, mais la coloration syntaxique, c'est mieux ;-)

Ericf a dit le

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

julixyde a dit le

@marcv : Pas de problème, je ne fais qu'expliquer pourquoi ça ne fonctionne pas encore sur le forum.