自動でURLにaタグを追加する関数

みなさんこんにちは、jsの便利差をひしひしを感じているので、今まで私が使ったjsの豆知識を紹介したいと思います。

今回は「自動でURLにaタグを追加する関数」です。

使う関数は

function addLink(str) {
  //正規表現で検索するurlの形を設定
    var url = /((h?)(ttps?:\/\/[a-zA-Z0-9.\-_@:/~?%&;=+#',()*!]+))/g; // ']))/;

  //URLにaタグをつけて返す関数 
    var generate_link = function (all, url, h, href) {
        return '<a href="h' + href + '" target="__blank">' + url + '</a>';
    }

  //引数strの中にあるUrlをリンク付きに置換
    return str.replace(url, generate_link);
}

この関数に文字列を渡すと、その中のリンクがaタグで囲まれて返ってきます。

静的なページでもよくリンク付きの更新が入るようなページ(よくある質問)などに良いのではないでしょうか?

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です