SyntaxHighlighterを導入
09/07/22 karad
最近暑さのせいかあまり腹筋をしておらず、部分的なダイエットをするというマニフェストの必要性が叫ばれるFXB原です。
FXBのBlogではたまに、IT関連の商品を扱うということもあり、特にStaff News Pickup内の記事でプログラムやHTMLなんかのソースコードを書く時があります。そんなときにソースコードを見やすくするために「SyntaxHighlighter」というライブラリを導入しました。
「SyntaxHighlighter」とは、
ソースコードの色分けなどを見やすく行ってくれるソフトで、
function preload(aImagePaths){
for(var i = 0; i< aImagePaths.length; i++){
var oImage = new Image();
oImage.src = oImage[i];
}
}
function rollOver (up, over) {
var up_name = up;
$(up_name).hover(
function () {
$(this).addClass(over);
},
function () {
$(this).removeClass(over);
}
);}
のように、整形してくれます。
使い方は、
<pre class="brush: プログラムの種類">
<pre>
で、ソースコードをはさむだけです。
あ、もちろん、ライブラリもダウンロードして組み込んでおく必要はあります。
SyntaxHighlighter - Alex Gorbatchev
http://alexgorbatchev.com/wiki/SyntaxHighlighter
にてダウンロードが可能です。
PHPやJavaScript、ActionScript、CSSなど様々なプログラムに対応しており便利です。
