How to detect a URL from a given string and return that specific URL only - Javascript

Question

I am working on a chrome extension. What i want to accomplish is, when i open a received email, the url from the email text should be detected and an alert box should show which url has been returned from the text. What I have done so far is :

function urlify(text) {
    var urlRegex = /(https?:\/\/[^\s]+)/g;
    return text.replace(urlRegex, function(url) {
        return url;
    })
}
var text = document.getElementsByClassName("adn ads")[0].innerText;
var html = urlify(text);

This code detects the URL but, also the returns the rest of the text with it. I just want this function to return me that specified detected url.

Could you perhaps replace document.getElementsByClassName("adn ads")[0].innerText; wit an actual example so your snippet could run? — mplungjan
– mplungjan, Commented Feb 11, 2018 at 18:30

mplungjan · Accepted Answer · 2018-02-11 18:29:21Z

1

A very simple solution I found :

function urlify(text) {
    var urlRegex = /(https?:\/\/[^\s]+)/g;
    return text.match(urlRegex, function(url) {
        return url;
    })
}
var text = document.getElementsByClassName("adn ads")[0].innerText;
var html = urlify(text);
console.log(html[0]);

edited Feb 11, 2018 at 18:29

mplungjan

180k29 gold badges183 silver badges246 bronze badges

answered Feb 11, 2018 at 18:28

Shehny Khan

1031 silver badge11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

synthet1c · Accepted Answer · 2018-02-11 18:46:18Z

0

You can use String#match to get a matching url. it returns an array so you can shift off the first value to get the matching value.

function urlify(text) {
  return text
    .match(/(https?:\/\/[^\s]+)/m)
    .shift()
}
var text = 'some text https://stackoverflow.com some more text'

console.log(
  urlify(text)
)

answered Feb 11, 2018 at 18:46

synthet1c

6,3024 gold badges28 silver badges41 bronze badges

Collectives™ on Stack Overflow

How to detect a URL from a given string and return that specific URL only - Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related