リンクタグなしで記事内の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に日本語が無い場合(エラー無し)
表示例(正しく表示されている)
上記表示例のソース
<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ファイルのリンク切れなどではありません。