Tag Archive for 'dpsyntaxhighlighter'

22Jandp.SyntaxHighlighterでActionScript 2.0/3.0のコードをハイライトする

dp.SyntaxHighlighterをActionScript 2.0 or 3.0 のコードに対応する為のプラグイン公開。

このjsの使用方法は、dp.SyntaxHighlighterでActionScript 2.0のコードをハイライトするを参照。 (ActionScript3のコードの場合、classを”as3″か”ascript3″か”actionscript3″と記述。)
dp.SyntaxHighlighterの詳しい使い方はMovable Type備考録様が詳しく解説してらっしゃいます。

AS3表示サンプル 

import flash.display.Sprite;
import flash.events.Event;
import flash.events.MouseEvent;
// 円を描画し、表示リストに追加する。
var sprCircle:Sprite = new Sprite();
sprCircle.graphics.beginFill(0x990000);
sprCircle.graphics.drawCircle(50, 50, 50);
sprCircle.graphics.endFill();
addChild(sprCircle);
function fadeCircle(event:Event):void {
	sprCircle.alpha -= .05;
	
	if (sprCircle.alpha <= 0) {
		sprCircle.removeEventListener(Event.ENTER_FRAME, fadeCircle);
	}
}
function startAnimation(event:MouseEvent):void {
	sprCircle.addEventListener(Event.ENTER_FRAME, fadeCircle);
}
sprCircle.addEventListener(MouseEvent.CLICK, startAnimation);
特徴
  • ActionScriptのバージョンによってキーワードを差別化しています。
  • 「言語エレメント」と「コアクラス・グローバル関数」を色分けできます。
注意事項
  • dp.SyntaxHighlighter本体は付属していないので、syntaxhighlighter - Google CodeからDLして下さい。
  • 他の言語セットと比べてすごく重いです。ソース覗いていらないクラスやメソッドは削除してから使うのも良いかも。
  • functionとFunctionなど、本来は色が違うはずなのに同じ色になってしまうのは、dp.SyntaxHighlighterの仕様のようです。その場合「言語エレメント」に属するものを優先しています。
  • 「Flash上では色分けされるのに、コレだと色分けされないキーワードがある。」っていう場合は、教えてください。
  • 「他の言語セットだと大丈夫なのに、コレ使うと表示がおかしい。」っていう場合は、教えてください。
  • 「コレ使ったらぶっ壊れたんすけど・・・」っていう場合は、おもむろにサーバーから削除して下さい。
ダウンロード
追記
08/02/04 dp.SyntaxHighlighterからiG:Syntax Hiliterへ移行のため、ハイライト実行を停止。
08/04/02 テストで再実行、ただしCSSはほぼデフォルト状態。
08/10/20 また停止
in Web. 0 Comments , ,

17Jandp.SyntaxHighlighterでActionScript 2.0のコードをハイライトする

dp.SyntaxHighlighterをActionScript 2.0のコードに対応する為のプラグインを作ったので、公開。

他の言語のjsと同様head内で読み込む。 ソースコードのをpreで囲み、nameを”code”、classを”as2″か”ascript2″か”actionscript2″と記述。 

<head>
	<script type="text/javascript" charset="utf-8" src="shCore.js"></script>
	<script type="text/javascript" charset="utf-8" src="ActionScript2.js"></script>
</head>
<body>
<pre name="code" class="as2">
/**
 * ActionScript2.js for dp.SyntaxHighlighter
 */
function test():Void {
	var mc:MovieClip = new MovieClip();
	var str:String = "test";
	
	mc._visible = false;
}
</pre>
<body>

SyntaxHighlighter.cssにデフォルトでclass=”func”のカラー設定がないので、cssに以下を追加。 

.dp-highlighter .func {
	color: #0099CC;
	font-weight: bold;
	background-color: inherit;
}

下のように表示される。 

/**
 * ActionScript2.js for dp.SyntaxHighlighter
 */
function test():Void {
	var mc:MovieClip = new MovieClip();
	var str:String = "test";
	
	mc._visible = false;
}
ダウンロード

ActionScript2.js

追記

08/01/22 バージョンアップしました。(dp.SyntaxHighlighterでActionScriptのコードをハイライトする)

  • ActionScript 2.0のfuncsを追加
  • ActionScript 3.0に対応するActionScript3.jsを追加
  • ActionScript 2.0/3.0のCompressedバージョンを追加
08/02/04 dp.SyntaxHighlighterからiG:Syntax Hiliterへ移行のため、ハイライト実行を停止。
08/04/02 テストで再実行、ただしCSSはほぼデフォルト状態。
08/10/20 また停止
in Web. 1 Comment ,
Return to page top