コメントに別サイトのURLを書く(書かれる)機会は少なくないと思われますが、例えばgoogleの検索結果頁のように文字数が多いURLですと、文字列がカラムからはみ出してしまい見苦しくなってしまう場合があります。 IE等 半角文字列を折り返してくれる(或いは折り返すよう指定可能な)ブラウザもありますが、大きな面積を占められてしまうのは同様です。
.comment_body a { display:block; height:1em; width:20em; overflow:hidden }
・・・などとCSSで指定してやる(コメント内の a タグはURLのみなので )のも一法でしょうが、
( というか、”つま”のつもりでしたが試してみたら結構イケました。 ^^; )
スクリプトで整形する方法を考えてみました。
【 設置方法 】 以下のソースをhead領域に貼り付けます。
<script type="text/javascript">
function Shlink(id) {
C = document.getElementById(id);
C.innerHTML=C.innerHTML.replace( />(http[-\w\/%&=:;.?]+)</gi, "><span title='$1'> URL </span><");
}
</script>
コメント部を以下のようにします (例)
<p class="△" id="c<%comment_no>"><%comment_body></p>【 使用例 】
| ■ 適用前 ( autolink on ) . |
| ■ 適用後 |
| . |