Syntaxhighlighter
graffx
Messages postés
6506
Date d'inscription
Statut
Contributeur
Dernière intervention
-
graffx Messages postés 6506 Date d'inscription Statut Contributeur Dernière intervention -
graffx Messages postés 6506 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour a tous et bonne année,
Je viens d'essayer le colorateur synthaxique "Syntaxhighlighter":
https://gogopdf.com/en/blog/Alex-Gorbatchev-And-gogopdf-Turn-Raw-Javascript-To-A-PDF-Service
J'avoue que je suis assez perplexe sur ce javascript permettant de colorer du code et ce, peut-importe le language (php, javascript, css, etc...)
J' avoue avoir un soucis, je ne comprend pas, je n' arrive pas à colorer mon php.
En image ce que ca donne:
http://hpics.li/fdc51af
Voila, j'avoue qu' aprés avoir relu maintes et maintes fois le mode d'emploi qui n' a pas l' air bien compliqué, je ne vois ou j' ai merdouillé.
Je raccourci bien sur le code pour y voir plus clair a savoir qu' ils precisent que bizarrement les appels javascripts doivent etre en fin de page (bizarre non?) et que j' ai uploader
"SyntaxHighlighter.css" à la racine et toutes les autres bibliotheques javascript dans un dossier "color".
<head>
<link type="text/css" rel="stylesheet" href="SyntaxHighlighter.css"></link>
</head>
<body>
<?php echo bbcode($code['code']); ?>
<script language="javascript" src="color/shCore.js"></script>
<script language="javascript" src="color/shBrushPhp.js"></script>
<script language="javascript" src="color/shBrushCss.js"></script>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = '/color/clipboard.swf';
window.onload=function() {
dp.SyntaxHighlighter.HighlightAll('code');
}
</script>
</body>
J 'avoue que je suis démuni, si quelqu' un voit mon erreur...
En tout cas en javascript c'est assez special car ca se passe coté client et non serveur, gueshi est assez compliqué a installer et surtout a configurer, mais j' y arrive, seulement j' aimerai essayer celui-ci qui pour l' instant ne colore pas grand-chose...
Merci d'avance!
Je viens d'essayer le colorateur synthaxique "Syntaxhighlighter":
https://gogopdf.com/en/blog/Alex-Gorbatchev-And-gogopdf-Turn-Raw-Javascript-To-A-PDF-Service
J'avoue que je suis assez perplexe sur ce javascript permettant de colorer du code et ce, peut-importe le language (php, javascript, css, etc...)
J' avoue avoir un soucis, je ne comprend pas, je n' arrive pas à colorer mon php.
En image ce que ca donne:
http://hpics.li/fdc51af
Voila, j'avoue qu' aprés avoir relu maintes et maintes fois le mode d'emploi qui n' a pas l' air bien compliqué, je ne vois ou j' ai merdouillé.
Je raccourci bien sur le code pour y voir plus clair a savoir qu' ils precisent que bizarrement les appels javascripts doivent etre en fin de page (bizarre non?) et que j' ai uploader
"SyntaxHighlighter.css" à la racine et toutes les autres bibliotheques javascript dans un dossier "color".
<head>
<link type="text/css" rel="stylesheet" href="SyntaxHighlighter.css"></link>
</head>
<body>
<?php echo bbcode($code['code']); ?>
<script language="javascript" src="color/shCore.js"></script>
<script language="javascript" src="color/shBrushPhp.js"></script>
<script language="javascript" src="color/shBrushCss.js"></script>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = '/color/clipboard.swf';
window.onload=function() {
dp.SyntaxHighlighter.HighlightAll('code');
}
</script>
</body>
J 'avoue que je suis démuni, si quelqu' un voit mon erreur...
En tout cas en javascript c'est assez special car ca se passe coté client et non serveur, gueshi est assez compliqué a installer et surtout a configurer, mais j' y arrive, seulement j' aimerai essayer celui-ci qui pour l' instant ne colore pas grand-chose...
Merci d'avance!
2 réponses
Salut :-)
« J'avoue que je suis assez perplexe sur ce javascript permettant de colorer du code »
Ce script est pourtant très utilisé depuis pas mal de temps.
« les appels javascripts doivent etre en fin de page (bizarre non?) »
Bizarre ?
Lorsque le script JS permettant de lancer la colorisation est exécuté, les balises contenant le code à colorer sont déjà connues par le navigateur (DOM) et sont donc accessibles via Javascript pour effectuer tout le traitement.
D'après le site, deux fichiers CSS devraient être insérés (shCore.css et shThemeDefault.css).
Dans ton code, il n'y en a qu'un. Où est l'autre ? ;-)
« En tout cas en javascript c'est assez special car ca se passe coté client et non serveur »
Je pense que tu sous-estimes Javascript :)
Tu n'as pas encore vu ce qu'on peut faire grâce aux API HTML5 ?
WebSocket, ContentEditable, History, Offline, Drag'n'Drop, FileReader, WebStorage, Geolocalisation, Database, Canvas, WebGL, Audio/Video, etc ...
Côté serveur, je connais également FSHL.
En Python, il y a Pygments, sans doute le meilleur.
Il y a moyen de le faire communiquer avec PHP (sockets ou services Web)
Côté client, il y a aussi Google Code Prettify
https://code.google.com/archive/p/google-code-prettify
Et bonne année :-)
.women input:required { min-height : 20cm; }
« J'avoue que je suis assez perplexe sur ce javascript permettant de colorer du code »
Ce script est pourtant très utilisé depuis pas mal de temps.
« les appels javascripts doivent etre en fin de page (bizarre non?) »
Bizarre ?
Lorsque le script JS permettant de lancer la colorisation est exécuté, les balises contenant le code à colorer sont déjà connues par le navigateur (DOM) et sont donc accessibles via Javascript pour effectuer tout le traitement.
D'après le site, deux fichiers CSS devraient être insérés (shCore.css et shThemeDefault.css).
Dans ton code, il n'y en a qu'un. Où est l'autre ? ;-)
« En tout cas en javascript c'est assez special car ca se passe coté client et non serveur »
Je pense que tu sous-estimes Javascript :)
Tu n'as pas encore vu ce qu'on peut faire grâce aux API HTML5 ?
WebSocket, ContentEditable, History, Offline, Drag'n'Drop, FileReader, WebStorage, Geolocalisation, Database, Canvas, WebGL, Audio/Video, etc ...
Côté serveur, je connais également FSHL.
En Python, il y a Pygments, sans doute le meilleur.
Il y a moyen de le faire communiquer avec PHP (sockets ou services Web)
Côté client, il y a aussi Google Code Prettify
https://code.google.com/archive/p/google-code-prettify
Et bonne année :-)
.women input:required { min-height : 20cm; }
Helloooooo!
Effectivement j' avoue que j' utilise trés peu javascript, le moins possible en fait.
Alors j' ai telechargé une ancienne version, ma faute, j' ai corrigé entre temps pour les deux css avec la derniere version du script.
Toujours le meme souci. Le mieux est que tu vois par toi-meme!
Meric avion!
Effectivement j' avoue que j' utilise trés peu javascript, le moins possible en fait.
Alors j' ai telechargé une ancienne version, ma faute, j' ai corrigé entre temps pour les deux css avec la derniere version du script.
Toujours le meme souci. Le mieux est que tu vois par toi-meme!
Meric avion!