javascript - How do I extract a URL from plain text using jQuery?

Question

I'm a beginner with jQuery.

I simply want to pass a block of text to a function and return an array of urls contained within.

"I need to grab a url like http://www.something.com from text, and if therearemore.com then grab those too".

Any help? Is there a .GetUrl()?

Note: I suck with regular expressions!

Answer 1

The jQuery Wiki Text plugin (http://www.kajabity.com/jquery-wikitext/) includes Regular Expressions to find URls in text which can be used for the purpose.

So, you asked for a function - well here it is:

/**
 * A utility function to find all URLs - FTP, HTTP(S) and Email - in a text string
 * and return them in an array.  Note, the URLs returned are exactly as found in the text.
 * 
 * @param text
 *            the text to be searched.
 * @return an array of URLs.
 */
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;
}

Hope it helps.