ソースコードをハイライト表示してくれる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]
次のように表示されます。
-
class foo
-
{
-
protected $_bar;
-
}
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>
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