Regular Expression: Only convert url "http|https" outside element

Question

I have a string:

http://localhost/xyz
http://localhost/rpq
http://localhost/abc
<img src="http://localhost/xyz/image.png">

Now, I want to convert only:

http://localhost/xyz
http://localhost/rpq
http://localhost/abc

to link url, but not convert <img src="http://localhost/xyz/image.png"> to link url. Can you help me this problem with regular expression, please. Thank you so much.

with `^` you can ensure that http|https has to be at the beginning of to string to be matched, e.g. `/^(http|https)?/` etc. — JLai, Dec 13 '19 at 09:23

score 1 · Answer 1 · answered Dec 13 '19 at 09:24

1

You can use ^ to specify http/ https in the start of the sentence. For example:

^(?:http|https)\:\/\/.+

answered Dec 13 '19 at 09:24

Ken Yip

599
1
8
17

I have just try your way. But result only get first url – Văn Đức Nguyễn Dec 13 '19 at 09:38
The regex is correct but you need to write some code to extract from the text. Have a look on https://regex101.com/r/ZTKxWp/1 which provide code to get the urls with different language. – Ken Yip Dec 13 '19 at 10:00
Thankyou so much. But I can't match 2 url in a line. Example: [link](https://regex101.com/r/ZTKxWp/2). Can you help me. Thanks. – Văn Đức Nguyễn Dec 16 '19 at 02:59
You can using the group function to find all text matched in a line. Example: https://regex101.com/r/ZTKxWp/3 – Ken Yip Dec 16 '19 at 03:06

Ritesh Khandekar · Answer 2 · 2019-12-13T09:53:00.470

0

This can be done by DOMParser():

var text = `<img src="http://localhost/xyz/image.png">`;
var parser = new DOMParser();
var htmlDoc = parser.parseFromString(text, 'text/html');
console.log(htmlDoc.querySelector("img").src);

var text = `http://localhost/xyz
http://localhost/rpq
http://localhost/abc
<img src="http://localhost/xyz/image.png">`;
console.log(text.split("\n").map(function (v){return v.match(/^http/) ? v : getimgsrc(v);}).join("\n"));
function getimgsrc(text){
var parser = new DOMParser();
var htmlDoc = parser.parseFromString(text, 'text/html');
return htmlDoc.querySelector("img").src;
}

edited Dec 13 '19 at 09:53

answered Dec 13 '19 at 09:37

Ritesh Khandekar

3,885
3
15
30

Thanks. But I want to answer is regex because my string is not only that but also it have type. This question is a type which links spilit by \n – Văn Đức Nguyễn Dec 13 '19 at 09:57

Regular Expression: Only convert url "http|https" outside element

2 Answers2