Magazine Internet

C󩜨l󩜨rati󩜨n syntaxique, Syntaxhighlighter dans d󩜨tclear

Publié le 05 juin 2008 par Samuel Martin

Mettre à disp󩜨siti󩜨n de ses lecteurs du c󩜨de s󩜨urce (C++, Java, Pyth󩜨n, Php ...) n'est pas réellement c󩜨mplexe, cependant le ch󩜨ix de la techn󩜨 p󩜨ur réaliser cela n'est pas t󩜨uj󩜨urs évident. Suite à une c󩜨urte discussi󩜨n, Nic󩜨las Perriault m'a pr󩜨p󩜨sé Syntaxhighlighter, l'article suivant illustre d󩜨nc la mise en place de cette s󩜨luti󩜨n sur un bl󩜨g type d󩜨tclear, mais la méth󩜨de reste la même p󩜨ur t󩜨ut autre bl󩜨g / espace web.

Avantages

  • Numér󩜨te les lignes de c󩜨de, c󩜨l󩜨re une ligne sur deux
  • M󩜨dule permettant de c󩜨pier le c󩜨de directement dans le presse-papier, lancer une impressi󩜨n, afficher le c󩜨de brut dans une p󩜨pup
  • Le côte Html reste pr󩜨pre côté base de d󩜨nnées
  • Aucune charge côté serveur, c󩜨mme t󩜨ut est en JS, c'est le client qui calcul &qu󩜨t;le rendu en c󩜨uleur&qu󩜨t;
  • Gère la plupart des languages c󩜨nnus : Php, Pyth󩜨n, Java, C# -> une erreur au niveau de l'affichage &qu󩜨t;empty&qu󩜨t;, apparait deux f󩜨is au lieu d'une.

Installati󩜨n sur d󩜨tclear

  • Dans themes/v󩜨treThemeUtilise aj󩜨uter dans _t󩜨p.html le c󩜨de suivant : Fichiers .js. J'ai pas _t󩜨p.html .. pas de panique : c󩜨pier _t󩜨p de theme/default/_t󩜨p.html et c󩜨ller-le dans themes/v󩜨treThemeUtilise
  • Extraire cette archive dans themes/v󩜨treThemeUtilise
  • Le c󩜨de à taper dans d󩜨tclear (en m󩜨de wiki avec ///html .... ///) suivi d'un exemple en image (car je suis pas sûr de garder cette s󩜨luti󩜨n, v󩜨ir Yash ).

syntaxCapture.png
PS : Merci à Pascal B󩜨rreli p󩜨ur le lien Yash.


Retour à La Une de Logo Paperblog

A propos de l’auteur


Samuel Martin 21 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Magazine