Choisir un thème
En tant que membre, vous pouvez tester les thèmes directement ici, en ligne. De plus vous bénéficierez d'un support rapide.

S'enregistrer

Sondage

Style NPDS mérite un avenir ?
 Oui c'est certain
 Oui, car ça manquait
 Non. il y en a assez
 Oui, je m'y inspire
 Je n'en vois pas l'utilité

  Results, Résultats


  • Votes : 19
  • Commentaire(s) : 3
Les bons plans

npds

npds modules

Icons- Gallery

Free Web Page Header

NPDS-Klan


Activité du Site

Pages vues depuis 07/01/2010 : 29 884

  • Nb. de Membres : 18
  • Nb. d'Articles : 45
  • Nb. de Forums : 5
  • Nb. de Sujets : 1
  • Nb. de Critiques : 0

Top 20  Statistiques

Ajouter du code coloré

(375 mots dans ce texte )  -   lu : 68 Fois     Page Spéciale pour impression

Pour afficher du code telquel :

function get_total_topics($forum_id) {
global $NPDS_Prefix;
$sql = "SELECT count(*) AS total FROM ".$NPDS_Prefix."forumtopics WHERE forum_id='$forum_id'";
if (!$result = sql_query($sql))
return("ERROR");
if (!$myrow = sql_fetch_assoc($result))
return("ERROR");

sql_free_result($result);
return($myrow[total]);
}

Il nous faut installer une librairie jquery nommée SyntaxHighlighter.

installation

Téléchager SyntaxHighlighter à cette adresse : http://alexgorbatchev.com/wiki/SyntaxHighlighter:Download

Ensuite décompresser l'archive et dans votre répértoire include (/modules/include/) créer un dossier nommé SyntaxHighlighter. Placez-y tout les dossiers de l'archive.

Vous devriez avoir ces 3 dossiers

  1. scripts
  2. src
  3. styles


Modification du fichier header_head.inc

il se trouve dans le même dossier (include)

Ajouter ces lignes ci-dessous










Les configurations du scripts.

Dans mon fichier header_head.inc, il y a plusieurs configurations que j'utilise

SyntaxHighlighter.all(); // obligatoire
SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf'; //affiche le flash permettant de voir,imprimer le code
SyntaxHighlighter.config.stripBrs = true; //Permet de ne pas afficher les sauts de lignes 
SyntaxHighlighter.config.tagName = "pre"; // Encadrement du code dans les balises
...
SyntaxHighlighter.defaults['smart-tabs'] = true; //affichage du nombre de ligne SyntaxHighlighter.config.strings.viewSource = "Voir la source"; // traduction de viewSource SyntaxHighlighter.config.strings.print = "imprimer"; //traduction de Print

Vous pouvez modifier, ajouter des configuration à votre guise.
Liste des configurations possible : http://alexgorbatchev.com/wiki/SyntaxHighlighter:Configuration

Comment l'utiliser ?

Pour colorier notre code, ensuite rien de plus simple

<pre class="brush: php">votre code</pre>

Ici dans l'exemple le code sera coloré pour du php (class="brush: php"). Pour changer de language, se référer au contenu de header_head.inc. Vous pouvez rajouter d'autre languages

http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes

Vous pouvez avec ce moyen l'utiliser n'importe où dans votre NPDS.

- Comment l'incruster dans le forum ?
- Comment l'incruster dans tiny_mce ? (A venir)

Pour tout questions : forum




Retour à la sous-rubrique :

Autres publications de la sous-rubrique :

Temps : 0.0508 seconde(s)