ソースコードをハイライト表示してくれるWordPressのiG:Syntax Hiliterプラグインをインストールしました。

iG:Syntax HiliterのダウンロードURL

Canned !! — my Atropine » iG:Syntax Hiliter

インストール(v3.5の場合)

iG_Syntax_Hiliter.zipを展開します。
展開して作成されたiG-Syntax Hiliterディレクトリ内にig_syntax hiliter pluginディレクトリがあります。
ig_syntax hiliter pluginディレクトリ内にある次のファイル・ディレクトリをwp-content/pluginsディレクトリにアップロードします。

syntax_hilite.phpファイル
ig_syntax_hiliteディレクトリ

使用方法

PHPの場合、次のような記述を投稿します。

[php]
class foo
{
  protected $_bar;
}
[/php]

次のように表示されます。

PHP:
  1. class foo
  2. {
  3.   protected $_bar;
  4. }

Internet Explorer6だと、行番号がすべて1になってしまいます。
さらに、「PLAIN TEXT」表示に切り替えると、改行が有効にならず、すべて一行で表示されてしまいます。

Internet Explorer6では、ol、liタグで囲んだ部分が崩れますので、いつか原因を特定したいと思います。

WordPressで、長い行が含まれるソースコードをpreタグで囲んで投稿する場合、Firefox2とIntenet Explorer6では、次のような状態となります。

Firefox2.0.0.5: 記事の表示エリアから文字がはみ出して、右側のブロック上の文字と重なってしまう。
Intenet Explorer6: 右側のブロックが規定の位置に表示されず、右側にずれてしまう。

(MEに付属のテンプレート(EasyAll1.1)を使用しています。)

そこで、次のようにpreタグにスタイルを指定して投稿すると、Firefox2とIntenet Explorer6では、文字が重なったり、ブロックがずれてしまうことはなくなりました。

<pre style="overflow: auto; word-break: break-all;width:100%">
<code>

</code>
</pre>
2007年7月10日

responseXMLのデータを取得する部分で、4096バイトを超える文字列をFirefoxでは取得できませんでした。
IEでは問題ありませんでした。

xmldoc on Firefox - JavaScriptの方法で回避できました。

var xmldoc = o.responseXML;
if (typeof(xmldoc.normalize) != "undefined") {
  xmldoc.normalize();
}

Yahoo UIのConnection Managerを使用しています。
Yahoo! UI Library: Connection Manager