投稿日:

コードをホームページで表示(SyntaxHighlighter)入れてみました

これからこのブログでコードを表示する事が多くなるので、「SyntaxHighlighter」というのを入れてみました。
javascriptで出来ており、コードをそのままhtml上に貼り付けても大丈夫という物です。


インストール

SyntaxHighlighterからファイル群一式をダウンロードします。
ファイルを解答すると「Scripts」「Styles」「Uncompressed」があるので「Styles」、
「Uncompressed」(「Scripts」の圧縮版)「Scripts/clipboard.swf」を任意のフォルダにアップします。
そして使用したいhtmlファイルで





<link rel="stylesheet" href="your_url/SyntaxHighlighter.css" type="text/css">

使用方法

下記のようにタグを記述します。


言語: 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