2008-10-25(Sat) 09:25
[JavaScript]コードを綺麗に表示

コードを綺麗に表示するJavaScript「dp.SyntaxHighlighter」を入れてみました。
WordPressだとプラグインとかあるみたいなのですが、なぜか動作せず……
結局、普通にJabaScriptで読み込んで使用することにしました。

ダウンロードはこちら。
http://code.google.com/p/syntaxhighlighter

AS3用プラグインはこちら。
http://www.digitalflipbook.com/archives/2007/09/as3_syntax_high.php

WordPressのインストールはテンプレートフォルダにjsフォルダを作って、そこに入れました。

headにこんな感じです。







実際の使用方法
<pre name=”code” class=”actionscript”>
コード書くところ
</pre>
WordPressの投稿だと自動改行とかが色々とアレらしいので、改行OFFのプラグインも入れておきました。
http://urbangiraffe.com/plugins/disable-wpautop/

ちなみに「fckeditor」というエディター使ってたんですが、私の環境がいけないのか、wpautopがうまく動作してなかったみたいです。なので残念ながら「fckeditor」は削除することに。

んで、終了と思いきやSyntaxHighlighterの標準のスタイルだと何故か上のところがずれてしまいました。
なのでちょいと修正して終了。

category : JavaScript
tag :

Comments(0)Trackbacks(0)