SyntaxHighliterで混入するアンカータグに悩む

ひとつ前のエントリーでソースコードを貼りつけるためにSyntaxHighliterを導入してみたのですが、コードの最後に謎のアンカータグ</FP></FP>が付加されて悩んだ……。

検索した結果、ソースコードを挟むタグを

<pre class="brush: perl;">
(ソースコード)
</pre>

から

<script type="syntaxhighlighter" class="brush: perl"><![CDATA[
(ソースコード)
]]></script>

に変更することで解決しました。いやー、よかったよかった。

●参考サイト
「SyntaxHighlighter」で知らなきゃ損する7つのカスタマイズ

ただし、後者の方法にも下記の弱点があるとのこと。

> この場合もコード内に書けない文字列が2つだけあります。
> 「]]>」「」です。
> それぞれ、は「]]>」「</script>」と書きましょう。
>
> また、この記述方法には
> JavaScript が無効だとコードが一切見えないという欠点もあります。


なお、SyntaxHighliterの導入に際しては、「So-netブログでSyntaxHighlightを使う」を参考にさせていただき、「管理ページ→デザイン→テンプレート管理→HTML編集」で作成した新規テンプレートの</BODY>>タグ直前に下記コードを挿入しました。

初めてのPerl 第6版

• 作者: Randal L. Schwartz
• 出版社/メーカー: オライリージャパン
• 発売日: 2012/07/25
• メディア: 大型本

ゲームで学ぶJavaScript入門 HTML5&CSSも身に付く!

• 作者: 田中 賢一郎
• 出版社/メーカー: インプレス
• 発売日: 2015/12/11
• メディア: 単行本（ソフトカバー）

Sponsored Link