リンクタグなしで記事内のURLを自動でハイパーリンクありに変換 のサンプル

元記事:http://customtemplate.blog112.fc2.com/blog-entry-136.html

通常はURLが正しく変換される

メロスゎ走った…… セリヌンティウスがまってる……

でも……もぅつかれちゃった…

でも…… あきらめるのょくなぃって……

メロスゎ……ぉもって……がんばった……

でも……ネイル…われて……イタイょ……ゴメン……まにあわなかった……

でも……メロスとセリヌンゎ……ズッ友だょ……!!

http://togetter.com/li/296411


aタグやimgに日本語がある場合(エラー発生)

表示例(本来見えないはずのtargetなどが表示されている)

女子大生風「モナ・リザ 」

女子大生風「モナ・リザ 」

上記表示例のソース

<a href="http://japan.digitaldj-network.com/articles/6045.html" target="_blank" title="女子大生風「モナ・リザ 」">女子大生風「モナ・リザ 」</a>
<img src="http://blog-imgs-60.fc2.com/c/u/s/customtemplate/130510auto-link-1.jpg" alt="女子大生風「モナ・リザ 」" />

aタグやimgに日本語が無い場合(エラー無し)

表示例(正しく表示されている)

女子大生風「モナ・リザ 」

mona

上記表示例のソース

<a href="http://japan.digitaldj-network.com/articles/6045.html" target="_blank" title="mona">女子大生風「モナ・リザ 」</a>
<img src="http://blog-imgs-60.fc2.com/c/u/s/customtemplate/130510auto-link-1.jpg" alt="mona" />

JavaScriptの有効無効を切り替えよう

ブラウザの設定で、JavaScriptの有効無効を切り替えてこのページを更新(リロード)すると一目瞭然です。

その他

このページはかなりそっけない装飾になっていますが、それで正常です。CSSファイルのリンク切れなどではありません。