自動で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="/en/h' + href + '/" target="__blank">' + url + '</a>';
    }

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

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

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

Leave a Comment

Your email address will not be published. Required fields are marked *

en_USEnglish