• Feb
  • 14
  • 2008

dpSyntaxHighlighterを入れてみた

コードをハイライトするJavaScript「dp.SyntaxHighlighter」を入れて、さらに、ActionScript 2.0 & ActionScript 3.0に対応させてみた。

こんな感じになる↓

/**
* ダイナミックイベントクラス
*/
package com._1cco.events
{
    import flash.events.Event;
    public dynamic class DynamicEvent extends Event
    {
        public function DynamicEvent(type:String, bubbles:Boolean = false, cancelable:Boolean = false)
        {
            super( type, bubbles, cancelable );
        }
        //clone()をオーバーライド
        override public function clone():Event
        {
            return new DynamicEvent(type, bubbles, cancelable);
        }
    }
}

複数行コメントがうまくいってないな。まぁいいか。

MovableTypeのプラグインというわけではないけれど、設置はそんなに難しくなかった。下記のページが非常に参考になった。

dp.SyntaxHighlighter - Movable Type 備忘録

Flabo - dp.SyntaxHighlighterでActionScriptのコードをハイライトする

ActionScript 2.0版は「lt」と「gt」が、「<」→「&lt;」、「>」→「&gt;」の変換とかぶるので、shBrushActionScript2.jsから、ltとgtを削除した。

SyntaxHighlighter.cssに「.func」がなかったので追加した。

設置にあたって上記のページを参考にしたわけだけれど、最新版の1.5.1には
dp.SyntaxHighlighter/Scripts/webscript.js
はないので、
<script type="text/javascript" src="<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/webscript.js"></script>
の一行はいらない。

また、簡単な使用方法が↓に書いてあるので、うまくいかなければこちらも参照(英語)。
Usage - syntaxhighlighter - Google Code


ダウンロードは↓から
syntaxhighlighter - Google Code

TrackBack (0)

TrackBack URL: http://blog.1cco.com/mt/mt-tb.cgi/274
dpSyntaxHighlighterを入れてみた を参照しているブログ一覧

Post a Comment