プログラマーさんたちがソースコードを公開するときによく使われているアレです。
いまさらながら入れてみました。
各言語のシンタックスに沿って、わかりやすく色を付けてくれます。
↓Actionscript3.0への適応例
package {
import flash.display.Sprite;
/**
* Main
* メインクラス.
*/
public class Main extends Sprite {
public var ball:Sprite;
/**
* コンストラクタ.
*/
public function Main() {
init();
}
/**
* 初期化.
*/
private function init():void {
ball.x = 100
}
}
}
下記サイトからダウンロード
http://alexgorbatchev.com/wiki/SyntaxHighlighter:Download
ダウンロードしたzipを解凍して、scriptsフォルダとstylesフォルダを自分のサイトに入れて、ページの<head></head>の中に、下の内容を記述すればインストール完了
<script type="text/javascript" src="scripts/shCore.js"></script>
<script type="text/javascript" src="scripts/shAS3.js"></script>
<script type="text/javascript" src="scripts/shBrushBash.js"></script>
<script type="text/javascript" src="scripts/shBrushCss.js"></script>
<script type="text/javascript" src="scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="scripts/shBrushJava.js"></script>
<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="scripts/shBrushSql.js"></script>
<script type="text/javascript" src="scripts/shBrushVb.js"></script>
<script type="text/javascript" src="scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="styles/shThemeDefault.css"/>
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>
※読み込みたい言語の分だけjsを読み込む
あとは表示させたいソースを<pre class="brush: as3;">~</pre>で囲めばいいだけ。
as3の部分を変えることで、シンタックスを変えることができる。

コメントする