javascript - 入力したテキストをテキストボックスにハイパーリンクとして変更するには?

Question

ユーザーがテキストボックスに入力した場合にテキストをハイパーリンクとして表示する方法...

たとえば、ユーザーがテキストを次のように入力した場合

「私のウェブサイト名は google.com です」...そして送信し、

そのテキストを「私のウェブサイト名はgoogle.comです」と表示する必要があります

これに利用できるプラグインはありますか、それとも単純なスクリプトで十分ですか?

Answer 1

function replaceURLWithHTMLLinks(text) {
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    return text.replace(exp,"<a href='$1'>$1</a>"); 
}

感謝: プレーンな URL をリンクに置き換えるには?

Answer 2

これは通常「linkify」と呼ばれますが、それを知らないと Google で検索するのは少し難しいと思います。

これを行うjQuery プラグインを次に示します。