ソースをきれいに表示するアレ(SyntaxHighlighter)

  • 投稿
  • 編集

最近のサイトでよく見るソースをきれいに見せるJavascriptです。

↓これ

<pre class='brush:php'>
	<?php
		$p = "サンプル";
		echo $p;
	?>
</pre>

 

自分のホームページにも導入したいと思っていろいろ探しました。

現在の最新は「SyntaxHighlighter 3.0.83」のようです。

まずダウンロードして適当な場所に保存して解凍

 

ダウンロードファイルはこれ↓

http://alexgorbatchev.com/SyntaxHighlighter/download/download.php?sh_current

 

「ルートディレクトリ/js/SyntaxHighlighter」に保存した場合。

<head>~</head>内に以下を追加


  

	
	
    

 

	  
    
    
    
    
    
    
    
    


ハイライト部分は必須。

 

ソースを表示する場所に以下のように記載すればOK。

'brush:php'の部分は表示する言語によって変更する)

<pre class='brush:php'>
	<?php
		$p = "ようこそ";
		echo $p;
	?>
</pre>

 

意外にカンタン...。

 

その他、テーマ言語オプションを指定できるようです。

英語の説明ページですが、なんとなくでも理解できました。

なんかウレシイ。

 

参考ページ