SyntaxHighlighterのダウンロード

広告

SyntaxHighlighterを利用するためには必要なJavaScriptファイルとスタイルシートが定義されたファイルをダウンロードして、自分が利用しているWebサーバにアップロードする必要があります。ここではSyntaxHighlighterで使用するファイルのダウンロード方法について解説します。

1.SyntaxHighlighterのダウンロード
2.ダウンロードしたファイルの一覧

SyntaxHighlighterの公式サイトは下記となります。

p1-1

2015年3月現在、最新のバージョンは SyntaxHighlighter 3.0.83 です。ダウンロードを行うには、画面右上に表示されている「download」と書かれたリンクをクリックして下さい。

p1-2

ダウンロード画面が表示されます。記事中に記載された「Click here to download」と書かれたリンクをクリックして下さい。

p1-3

ダウンロードが開始されま。「syntaxhighlighter_3.0.83.zip」ファイルを環境に保存しておいて下さい。ダウンロードは以上で完了です。

ダウンロードしたファイルを展開すると次のようなファイルが含まれています。

p1-4

実際に必要となるのは「scripts」ディレクトリと「css」ディレクトリの中にあるファイルです。「scripts」ディレクトリの中にはプログラミング言語毎のJavaScriptファイルが入っています。

p1-5

「css」ディレクトリの中にはソースコードをどのような色で表示するかなどが定義したテーマに関するスタイルシートのファイルが入っています。色々なテーマが用意されていますので、気に入ったテーマを選択して使用することができます。テーマはプログラミング言語毎に共通のものです。

p1-6

別のページで詳しく解説しますが、この中から必要なファイルだけをアップロードし使用するHTMLファイルの中で読み込んで使用します。

なお「test」ディレクトリの中には簡単なサンプルが入っています。一式アップロードしないと実際に試すことはできませんが、どのように記述するのかについて参考になるかと思います。

p1-7

それでは次のページから実際の使い方について解説していきます。

( Written by Tatsuo Ikura+ )