1. Download
SyntaxHighlighter 3.0.83: http://alexgorbatchev.com/syntaxhighlighter
2. Konfiguration
(1) Die Standardkennzeichnung für die Syntaxhighlighter -Parsen ist PRE
Die Codekopie lautet wie folgt:
SyntaxHighlighter.config.tagname = "div";
(2) Entfernen Sie HTML Line Break -Tags
Wenn Ihre Software am Ende jeder Zeile <BR /> Tags hinzufügt, können Sie diese Tags ignorieren.
Der Implementierungscode in shcore.js lautet:
Die Codekopie lautet wie folgt:
if (sh.config.stripbrs == true)
str = str.replace (Br, '');
SyntaxHighlighter.config.stripbrs = true;
(3) Die Symbolleiste wird nicht angezeigt
Die Codekopie lautet wie folgt:
Syntaxhighlighter.defaults ['Symbolleiste'] = false;
3.. Verwenden Sie im Code
3.1 Pinsel ist eine erforderliche Option, und der Rest ist optional:
Die Codekopie lautet wie folgt:
<div> Ein paar Java -Code </div>
Pinselwert: Java/xml/sql/c/js/css usw. siehe: http://alexgorbatchev.com/syntaxhighlighter/Manual/brushes/
3.2 Schattierungsanruf:
Die Codekopie lautet wie folgt:
Syntaxhighlighter.highlight ();
oder
Die Codekopie lautet wie folgt:
Syntaxhighlighter.All ();
Der Unterschied zwischen allen () und highlight () besteht darin, dass alle () im Ereignis von Onload () registriert sind.
4. Verwendung im Blog Park
Der Blog Park unterstützt standardmäßig Syntaxhighlighter. Der Code ändert den Standardwert (da JQuery nicht unterstützt, den wichtigsten Stil festzulegen, daher muss CSSTEXT festgelegt werden):
Die Codekopie lautet wie folgt:
var sh = $ (". Syntaxhighlighter");
var code = sh.find ("code");
var line = sh.find (". Zeile");
var caption = sh.find ("table caption");
sh.css ("csStext", "width: auto! wichtig");
code.add (Zeile)
.add (Bildunterschrift)
.css ("csStext", "Schriftgröße: 20px! Wichtig; weißer Raum: nowrap! Wichtig; Linienhöhe: 1.5EM! Wichtig;");
Das obige dreht sich alles um diesen Artikel. Haben Sie ein neues Verständnis dafür erhalten, wie Sie Syntaxhighlighter verwenden können? Ich hoffe, Sie können diesen Artikel mögen.