How to replace part of a string with anchors

Question

I need to convert some string to html. Just like this

let str = 'lorem ipsum [google website]="https://google.com" lorem ipsum [facebook website]="https://facebook.com"'

convert(str)

expected output:

lorem ipsum <a href="https://google.com">google website</a> lorem ipsum <a href="https://facebook.com">facebook website</a>

P.S i'm using reactjs

What kind of html? Do you need to add to anchor tag's `href`? — Manuel Abascal, Mar 01 '20 at 16:21

Vlad · Accepted Answer · 2020-03-01T16:37:27.130

2

You can use the regular expressions and string.replace(regex, replaceWith). $1, $2 are capture groups (see MDN docs)

let re = /\[(.+?)\]="(.+?)"/g
let str = 'lorem ipsum [google website]="https://google.com" lorem ipsum [facebook website]="https://facebook.com"';
let newStr = str.replace(re, '<a href="$2">$1</a>');
document.write(newStr);

edited Mar 01 '20 at 16:37

answered Mar 01 '20 at 16:24

Vlad

628
8
19

1

This is really usefull! – Riven Mar 01 '20 at 17:42

score 0 · Answer 2 · answered Mar 01 '20 at 17:50

Try this, this will only match valid url:

function convert(string){
  console.log(string.replace(/\[([^\]]*)\]="((https?|ftp):\/\/(-\.)?([^\s/?\.#-]+\.?)+(\/[^\s]*)?)"/ig, "<a href='\$2'>$1</a>"));
}
convert('lorem ipsum [google]=https://google.com lorem ipsums lorem [facebook]=https://facebook.com ipsum lorem')

How to replace part of a string with anchors

2 Answers2