- サイト:
- http://code.google.com/p/syntaxhighlighter/
- ライセンス:
- GNU Lesser GPL
- 言語:
- JavaScript, CSS
プロジェクトページからダウンロードしたファイルを解凍すると、Scripts、Styles、Uncompressedと3つのディレクトリが作成されますが、Uncompressedディレクトリは解析用なので必要ありません。ScriptsとStyles ディレクトリをWebサーバーにアップロードします。
最初にソースコードを張り付けるHTML ページのhead セクションに次のように記述します。
<link type="text/css" rel="stylesheet" href="./Styles/SyntaxHighlighter.css"/> <script language="javascript" src="./Scripts/shCore.js"></script> <script language="javascript" src="./Scripts/shBrushCpp.js"></script> <script language="javascript" src="./Scripts/shBrushCSharp.js"></script> <script language="javascript" src="./Scripts/shBrushCss.js"></script> <script language="javascript" src="./Scripts/shBrushDelphi.js"></script> <script language="javascript" src="./Scripts/shBrushJava.js"></script> <script language="javascript" src="./Scripts/shBrushJScript.js"></script> <script language="javascript" src="./Scripts/shBrushPhp.js"></script> <script language="javascript" src="./Scripts/shBrushPython.js"></script> <script language="javascript" src="./Scripts/shBrushRuby.js"></script> <script language="javascript" src="./Scripts/shBrushSql.js"></script> <script language="javascript" src="./Scripts/shBrushVb.js"></script> <script language="javascript" src="./Scripts/shBrushXml.js"></script>SyntaxHighlighter.css、shCore.jsは必須です。他のJavaScriptファイルは、整形するソースコードに必要なものだけで良いです。言語ごとに必要なファイルは、ファイル名から予測できると思うので割愛します。
そして、整形するソースコードを記述し、pre タグで囲みます。
<pre class="c#" name="code"> namespace ConsoleApplication1 { class Program { static void Main(string[] args) { } } } </pre>name 属性にcodeを設定し、class 属性でソースコードの言語を指定します。
最後に、</body>の手前に、次の JavaScript コードを記述して完成です。
<script language="javascript"> dp.SyntaxHighlighter.ClipboardSwf = './Scripts/clipboard.swf'; dp.SyntaxHighlighter.HighlightAll('code'); </script> </body>class 属性で指定できる言語とエイリアスは次のとおりです。
言語 | エイリアス |
---|---|
C++ | cpp, c, c++ |
C# | c#, c-sharp, csharp |
CSS | css |
Delphi | delphi, pascal |
Java | java |
Java Script | js, jscript, javascript |
PHP | php |
Python | py, python |
Ruby | rb, ruby, rails, ror |
Sql | sql |
VB | vb, vb.net |
XML/HTML | xml, html, xhtml, xslt |
0 件のコメント:
コメントを投稿