欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数_javascript技巧

程序员文章站 2022-05-22 21:31:45
...
这几天在写一个小程序的时候,需要用到正则表达式匹配用户输入文本中的URL地址,然后将URL地址替换成可以点击的链接。URL地址的匹配,我想这应该是大家在做验证处理中常会用到的,这里就把我整合的一个比较完整的表达式给出来:

复制代码 代码如下:

var URL = /(https?:\/\/|ftps?:\/\/)?((\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})(:[0-9]+)?|(localhost)(:[0-9]+)?|([\w]+\.)(\S+)(\w{2,4})(:[0-9]+)?)(\/?([\w#!:.?+=&%@!\-\/]+))?/ig;

这个表达式可以匹配 http,https,ftp,ftps以及IP地址的URL地址。还算是URL地址匹配计较完善的。利用这个表达式我写了两个小函数,将用户留言的URL地址替换成可点击的链接,没有什么太难的,就是利用JavaScript 的 replace() 函数来实现替换 URL 为 link:

JavaScript版:

复制代码 代码如下:

/**
* JavaScrit 版本
* 将URL地址转化为完整的A标签链接代码
*/
var replaceURLToLink = function (text) {
text = text.replace(URL, function (url) {
var urlText = url;
if (!url.match('^https?:\/\/')) {
url = 'http://' + url;
}
return '' + urlText + '';
});

return text;
};

PHP版:

复制代码 代码如下:

/**
* PHP 版本 在 Silva 代码的基础上修改的
* 将URL地址转化为完整的A标签链接代码
*/
/** =============================================
NAME : replace_URLtolink()
VERSION : 1.0
AUTHOR : J de Silva
DESCRIPTION : returns VOID; handles converting
URLs into clickable links off a string.
TYPE : functions
============================================= */

function replace_URLtolink($text) {
// grab anything that looks like a URL...
$urls = array();

// build the patterns
$scheme = '(https?\:\/\/|ftps?\:\/\/)?';
$www = '([\w]+\.)';
$local = 'localhost';
$ip = '(\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})';
$name = '([\w0-9]+)';
$tld = '(\w{2,4})';
$port = '(:[0-9]+)?';
$the_rest = '(\/?([\w#!:.?+=&%@!\-\/]+))?';
$pattern = $scheme.'('.$ip.$port.'|'.$www.$name.$tld.$port.'|'.$local.$port.')'.$the_rest;
$pattern = '/'.$pattern.'/is';

// Get the URLs
$c = preg_match_all($pattern, $text, $m);

if ($c) {
$urls = $m[0];
}

// Replace all the URLs
if (! empty($urls)) {
foreach ($urls as $url) {
$pos = strpos('http\:\/\/', $url);

if (($pos && $pos != 0) || !$pos) {
$fullurl = 'http://'.$url;
} else {
$fullurl = $url;
}

$link = ''.$url.'';

$text = str_replace($url, $link, $text);
}
}

return $text;
}