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の使用方法について新しい理解を得ましたか?この記事を気に入っていただければ幸いです。