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

WBOY
Release: 2016-05-16 16:40:51
Original
1849 people have browsed it

这几天在写一个小程序的时候,需要用到正则表达式匹配用户输入文本中的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;
}

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!