JavaScript で URL を検出してハイパーリンクに変換するにはどうすればよいですか?

JavaScript を使用したテキスト内の URL の検出

URL 形式の柔軟性により、URL の検出は困難な場合があります。これに対処するために、検出された URL を HTML ハイパーリンクに置き換えるカスタム関数を作成します。

URL 検出用の正規表現

URL の検索には正確な正規表現が必要です。提供される「kLINK_DETECTION_REGEX」は包括的ですが、誤検知につながる可能性があります。このデモでは、より単純な正規表現を使用します: /(https?://¹ )/g.

文字列置換

正規表現を取得したら、replace() メソッドを使用して URL をハイパーリンクに置き換えることができます。置換文字列は、文字列連結を使用して構築できます:

return text.replace(urlRegex, '<a href="' + url + '">' + url + '</a>')

または、$1 後方参照を使用できます:

return text.replace(urlRegex, '<a href=""></a>')

使用例

入力テキストが与えられたとします: 「http://www.example.com および次の場所でも検索してください」 http://stackoverflow.com' の場合、urlify 関数は次の HTML を生成します:

Find me at <a href="http://www.example.com">http://www.example.com</a> and also at <a href="http://stackoverflow.com">http://stackoverflow.com</a>

---

1. s ↩

以上がJavaScript で URL を検出してハイパーリンクに変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。