1。ダウンロード
syntaxhighlighter 3.0.83：http：//alexgorbatchev.com/syntaxhighlighter
2。構成
（1）SynTaxhighLighterの解析のデフォルトラベルはPREです
コードコピーは次のとおりです。
syntaxhighlighter.config.tagname = "div";
（2）HTMLラインブレークタグを削除します
ソフトウェアが各行の最後に<br />タグを追加した場合、このオプションを使用すると、これらのタグを無視できます。
shcore.jsの実装コードは次のとおりです。
コードコピーは次のとおりです。
if（sh.config.stripbrs == true）
str = str.replace（br、 ''）;
syntaxhighlighter.config.stripbrs = true;
（3）ツールバーは表示されません
コードコピーは次のとおりです。
syntaxhighlighter.defaults ['Toolbar'] = false;
3.コードで使用します
3.1ブラシは必要なオプションであり、残りはオプションです。
コードコピーは次のとおりです。
<div>いくつかのJavaコード</div>
ブラシ値：Java/XML/SQL/C/JS/CSSなど、http：//alexgorbatchev.com/syntaxhighlighter/manual/brushes/を参照してください
3.2シェーディングコール：
コードコピーは次のとおりです。
syntaxhighlighter.highlight（）;
または
コードコピーは次のとおりです。
syntaxhighlighter.all（）;
すべて（）とhighlight（）の違いは、all（）がonload（）イベントに登録されていることです。
4.ブログパークで使用します
Blog Parkは、デフォルトでSynTaxhighlighterをサポートしています。コードはデフォルト値を変更します（jQueryは！重要なスタイルの設定をサポートしていないため、CSSTEXTを設定する必要があります）：
コードコピーは次のとおりです。
var sh = $（ "。syntaxhighlighter"）;
var code = sh.find（ "code"）;
var line = sh.find（ "。line"）;
varキャプション= sh.find（ "テーブルキャプション"）;
sh.css（ "csstext"、 "width：auto！fality"）;
code.add（line）
.add（キャプション）
.css（ "csstext"、 "font-size：20px！fality; white-space：nowrap！faliest; line-height：1.5em！fality;"）;
上記はこの記事に関するすべてです。 Syntaxhighlighterの使用方法について新しい理解を得ましたか？この記事を気に入っていただければ幸いです。