communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > SyntaxHighlighter 3.0.83 utilise les compétences notes_javascript

SyntaxHighlighter 3.0.83 utilise les compétences notes_javascript

WBOY
Libérer： 2016-05-16 16:18:07
original
1303 Les gens l'ont consulté

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 ?

Étiquettes associées：
SyntaxHighlighter
source：php.cn
Article précédent：Une brève discussion sur la fonction stringify, la fonction toJosn et la fonction parse dans JSON_json Article suivant：Solution à l'erreur lors de l'ouverture du contenu dans l'iframe AngularJS sur domains_AngularJS
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2308
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2437
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
2057
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1941
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
2006
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal