Coloration syntaxe pour jquery

bruno -  
 bruno -
Bonjour,

je souhaite inclure la coloration de syntaxe version geshi

mi en javascrip afin de voir ceux que ca donne avant de posté

j'ai un code php mais je voulait le mettre en jquery

merci


Configuration: Windows / Chrome 72.0.3626.121

1 réponse

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

Tu ne peux pas juste transformer un code php en jquery....

A la limite, si tu veux gérer la coloration syntaxique en javascript / jquery.. il existe des tonnes de plugins pour ça. Comme highlight.js

Sinon, si tu tiens à conserver geshi.. tu peux toujours te pencher sur l'ajax.

0
bruno
 
j'ai vue le tuto , il faut juste mettre

<link rel="stylesheet"
      href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.15.6/build/styles/default.min.css">
<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.15.6/build/highlight.min.js"></script>


et le dossier qu'on a telercharger et apès ca devrait coloré ou il faut faire un autre truc pour coorer

merci
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > bruno
 
C'est dans le tuto...et la documentation du plugin.
0
bruno
 
merci, j'ai regarder ce tuto

https://www.primfx.com/forum/programmation/javascript/tuto-installer-coloration-syntaxique-633/

j'ai bien placé ces 3 lignes

<link rel="stylesheet" type="text/css" href="includes/highlight/styles/hybrid.css">

<script src="includes/highlight/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>


ensuite j'ai bien mis bbcode

field = field.replace("code", '<div class="global-gueshi"><h3 class="CSS JavaScript PHP SQL HTML, XML"></h3></div>', false, false, 1);



j'ai tester de mettre un petit code

<code=css>      #global-portail
	  {
	  display:flex;
	  margin-top:1em;
	  margin-bottom:1em;
	  }
</code>

et il m'affiche pas la coloration t il met le code hors du cadre


<
=css> #global-portail<br /> {<br /> display:flex;<br /> margin-top:1em;<br /> margin-bottom:1em;<br /> }<br /></code>

merci, de ton aide ;)
0
bruno
 
c'est bon, j'ai tester ca marche plus ou moin bien

j'ai testteer de mettre css là ca marche

j'ai mis php dc voilà


<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/agate.min.css" />





<pre>
            <code class="php">
<?php include "module/news/menu/gauche.php"; ?>
			
			


</pre></code>

mais il me dit ca l'erreur


Warning:  include(module/news/menu/gauche.php): failed to open stream: No such file or directory in /var/www/tester.org/users/tester/www/tester/coloration/tester.php on line 11



Warning:  include(): Failed opening 'module/news/menu/gauche.php' for inclusion (include_path='.:/usr/share/php') in /var/www/tester.org/users/tester/www/tester/coloration/tester.php on line 11

			


<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/agate.min.css" />





<pre>
            <code class="php">
<?php include "module/news/menu/gauche.php"; ?>
			
			


</pre></code>

il manque le nom de l'affichage des langage ;)

les numéros de lignes ;)
0