syntaxhighlighter2.0を入れてみる

| コメント(0) | トラックバック(0)

プログラマーさんたちがソースコードを公開するときによく使われているアレです。
いまさらながら入れてみました。
各言語のシンタックスに沿って、わかりやすく色を付けてくれます。

↓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の部分を変えることで、シンタックスを変えることができる。

トラックバック(0)

トラックバックURL: http://www.kazy.jp/mt4/mt-tb.cgi/148

コメントする

このブログ記事について

このページは、kazyが2009年6月14日 18:36に書いたブログ記事です。

ひとつ前のブログ記事は「Today's Wonderfl "LINE WITH BALL"」です。

次のブログ記事は「Today's Wonderfl "COLLISION BALLS"」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。