プログラマーさんたちがソースコードを公開するときによく使われているアレです。
いまさらながら入れてみました。
各言語のシンタックスに沿って、わかりやすく色を付けてくれます。
↓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の部分を変えることで、シンタックスを変えることができる。
コメントする