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 !
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
Très très bonne initiative, c'est bon pour les yeux et la tête de vite s'y retrouver.
Très bonne idée. :)
Super !
Je ne savais pas qu'Alsacréations tournait sous Drupal... ;)
@scientifix94 : moi non plus. Où as-tu vu ça ? C'est ironique ?
L'idée est excellente !
@Raphael : Chili est hébergé sur drupal.org
C'est le ptit plus qui fait qu'on aime Alsa^^
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...
@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.
@Raphael : Ah c'est juste héberger chez drupal. ;) Je croyais que ça prenais drupal pour le faire fonctionner. My bad !
@Raphael : Ici la correction consiste surtout à ne pas marquer comme du code ce qui n'en est pas.
Très bonne idée, ça améliore bien la lisibilité. :-)
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.
La colorisation syntaxique, c'est pas mal, mais la coloration syntaxique, c'est mieux ;-)
Autant (au temps) pour moi, je vois qu'on peut dire aussi colorisation syntaxique. On en apprend tous les jours :-)
@marcv : Pas de problème, je ne fais qu'expliquer pourquoi ça ne fonctionne pas encore sur le forum.