检测文本中的超链接 - jQuery

Question

我有一个纯文本，例如，“你好，你好吗，请访问 'http://google.com'”。

我使用 jQuery 将其显示在 div 中（该文本是随机生成的）。我的问题是，有什么方法可以检测到文本中的“http://google.com”是超链接，从而将文本的该部分转换为可点击的超链接？

谢谢。

Answer 1

如果您使用 jQuery，您应该查看 linkify，它会自动为您完成此操作。

$("#content").linkify();

来源可在此处获取：https://code.google.com/archive/p/jquery -linkify/
在这里： http://www.dave-smith.info/jquery.linkify / (web.archive.org 上的镜像)

Answer 2

这个正则表达式对我有用（用于匹配 URL 的改进的自由、准确的正则表达式模式的稍微修改版本） 。

text = text.replace(
         /\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]
         |[a-z0-9.-]+[.][a-z]{2,4}\/)(?:(?:[^\s()<>.]+[.]?)+|((?:[^\s()<>]+
         |(?:([^\s()<>]+)))))+(?:((?:[^\s()<>]+|(?:([^\s()<>]+))))
         |[^\s`!()[]{};:'".,<>?«»“”‘’]))/gi,
         "<a target=_blank href=$1>$1</a>");

Answer 3

我知道已经晚了。我到处寻找答案。你可以试试这个。

var get_words = 'This is a long text. It contains 150 characters. You can find more about this text on this link http://www.somewebsite.com/RDFCCSDVDS';
$('p').html(beautify_text(get_words));

function beautify_text(text){
  var $words = text.split(' ');
  for (i in $words) {
      if ($words[i].indexOf('http://') == 0) {
          $words[i] = '<a href="' + $words[i] + '" target="_blank">' + $words[i] + '</a>';
      }
  }
  return $words.join(' ');
}

Answer 4

您可以通过执行以下操作来实现此目的：

<?php

// The Regular Expression filter

$reg_exUrl = "/(http|https|ftp|ftps)\:\/\/[a-zA-Z0-9\-\.]+\.[a-zA-Z]{2,3}(\/\S*)?/";

// The Text you want to filter for urls

$text = "Hello how are you, please visit http://google.com";

// Check if there is a url in the text

if(preg_match($reg_exUrl, $text, $url)) {

       // make the urls hyper links

       echo preg_replace($reg_exUrl, "<a href="{$url[0]}">{$url[0]}</a> ", $text);

} else {

       // if no urls in the text just return the text

       echo $text;

}
?>

这是一个完整的教程：
查找文本中的网址并创建链接

希望这有帮助。