SyntaxHighlighter1.5.1の使い方 SyntaxHighlighter1.5.1

SyntaxHighlighter1.5.1の使用方法をご紹介しています。
SyntaxHighlighter1.5.1はHTMLやJavaScriptなどの言語をソース表示するJavaScriptライブラリです。

公式サイト

  • ※ ブログやCMSでの使用方法は掲載していません。

ダウンロードと設置

こちらからダウンロードして解凍します。
解凍後、dp.SyntaxHighlighterディレクトリを任意の場所に設置します。

JavaScriptおよびCSSの読み込みと設定

以下のタグを<head>内に記載します。
パスは環境により変更してください。

ソース表示に対応している言語は以下の通りです。
※ 表示させたい言語に合わせて、読み込むjsを記載してください。

言語 設定値 ファイル名
C# c-sharp, csharp shBrushCSharp.js
C++ cpp, c shBrushCpp.js
CSS css shBrushCss.js
Delphi delphi, pas, pascal shBrushDelphi.js
JavaScript js, jscript, javascript shBrushJScript.js
Java java shBrushJava.js
PHP php shBrushPhp.js
Python py, python shBrushPython.js
Ruby rails, ror, ruby shBrushRuby.js
SQL sql shBrushSql.js
Visual Basic vb, vbnet shBrushVb.js
XML xml, xhtml, xslt, html, xhtml shBrushXml.js

基本的な適用方法