JSFiddle - React, Tailwind, and code Playground
HTML
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis tempus orci sit amet ultricies. Morbi imperdiet venenatis lectus, at imperdiet mi porta eu. Sed dui erat, porttitor ac mollis ut, euismod id massa. Praesent urna magna, interdum vitae ultrices eget, fermentum et sapien. Suspendisse laoreet ultrices enim quis iaculis. http://www.fusce.com sem nibh, accumsan ac pulvinar vitae, tempor eget est. Vestibulum diam turpis, blandit vitae condimentum in, varius sit amet erat. Integer id http://www.erosneque.com Cras auctor ultricies elit. Aliquam rhoncus faucibus enim a tincidunt. Mauris dapibus, lectus at interdum faucibus, libero odio semper eros, in sollicitudin elit tortor in nulla. Donec cursus consequat varius.</p>
<br />
JavaScript
function findUrls( text )
{
var source = (text || '').toString();
var urlArray = [];
var url;
var matchArray;
// Regular expression to find FTP, HTTP(S) and email URLs.
var regexToken = /(((ftp|https?):\/\/)[\-\w@:%_\+.~#?,&\/\/=]+)|((mailto:)?[_.\w-]+@([\w][\w\-]+\.)+[a-zA-Z]{2,3})/g;
// Iterate through any URLs in the text.
while( (matchArray = regexToken.exec( source )) !== null )
{
var token = matchArray[0];
urlArray.push( token );
}
return urlArray;
}
$(document).ready(function(){
var urls = findUrls($('p').text());
$.each(urls, function(){
$('body').append('<p>'+this+'</p>');
});
});