syntaxhighlighter

WPプラグインの「SyntaxHighlighter」が動かない時の対処法

| 0件のコメント

ソースコードをハイライト表示するWPプラグインの「SyntaxHighlighter」を入れてみたのですが、下図のようにスタイルも効かず、スクリプトも動作しない現象が起こりました。

SyntaxHighlighterプラグインでは、head要素にJavaScriptでプラグイン用の外部ファイルの読み込みをDOMに動的に追加しているのですが、そこがうまく動いてなかったので、insertBeforeではなく、appendChildに変更したら解決しました。

同じような現象が起こる場合は、SyntaxHighlighterプラグインのsyntaxhighlighter.php内の下記の2行を変更してみてください。

[js highlight=”2″ title=”634行目あたり”]
//document.getElementsByTagName(“head”)[0].insertBefore( corecss, document.getElementById(“syntaxhighlighteranchor”) );
document.getElementsByTagName(“head”)[0].appendChild(corecss);
[/js]

[js highlight=”2″ title=”650行目あたり”]
//document.getElementsByTagName(“head”)[0].insertBefore( themecss, document.getElementById(“syntaxhighlighteranchor”) );
document.getElementsByTagName(“head”)[0].appendChild(themecss);
[/js]