SyntaxHighlighter 3.0.83 utilise les compétences notes_javascript

1.Télécharger

SyntaxHighlighter 3.0.83 : http://alexgorbatchev.com/SyntaxHighlighter

2.Configuration

(1) La balise par défaut analysée par SyntaxHighlighter, la valeur par défaut est pre

Copier le code Le code est le suivant :

SyntaxHighlighter.config.tagName="div";

(2) Supprimer les balises de saut de ligne HTML
Si votre logiciel ajoute des balises < br /> à la fin de chaque ligne, cette option vous permet d'ignorer ces balises.
Le code d'implémentation dans shCore.js est :

Copier le code Le code est le suivant :

Si (sh.config.stripBrs == true)
              str = str.replace(br, '');
SyntaxHighlighter.config.stripBrs=true;

(3) Ne pas afficher la barre d'outils

Copier le code Le code est le suivant :

SyntaxHighlighter.defaults['toolbar'] = false;

3. Utilisez

dans le code

Le pinceau 3.1 est requis, le reste est facultatif :

Copier le code Le code est le suivant :

du code java

Valeur du pinceau : java/xml/sql/c/js/css, etc. Pour plus de détails, voir : http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

3.2 Appel d'ombrage :

Copier le code Le code est le suivant :

SyntaxeHighlighter.highlight();

ou

Copier le code Le code est le suivant :

SyntaxeHighlighter.all();

La différence entre all() et highlight() est que all() est enregistré dans l'événement onload().

4. Utiliser dans le jardin du blog

Blog Park prend en charge SyntaxHighlighter par défaut. Code pour modifier la valeur par défaut (car jQuery ne prend pas en charge la définition du style !important, vous devez définir le cssText) :

Copier le code Le code est le suivant :

var sh = $(".syntaxhighlighter");
var code = sh.find("code");
var line = sh.find(".line");
var caption = sh.find("légende du tableau");
sh.css("cssText", "width: auto !important");
Code.ajouter(ligne)
            .add(légende)
             .css("cssText", "font-size: 20px !important;white-space: nowrap !important;line-height: 1.5em !important;");

Ce qui précède représente l'intégralité du contenu de cet article. Avez-vous une nouvelle compréhension de la façon d'utiliser SyntaxHighlighter ?