I would like to change the img tag with amp-img tag without removing the img tag attributes and its value.
Here is my code:
var content = '<div><img src="abcd" height="200" width="210"><img src="bcda" width="50" height="25"></div>';
let replace1 = content.replace(/<img/g, '<amp-img'); //So far so good here
let replace2 = replace1.replace(/>/g, '/>'); // Here I would like to append a close for amp-img only, not for all tag
console.log(replace2)
How can I append close tag for amp-img only?
You can use: <img([^>]+)> and this <amp-img$1/> for replacement.
var content = '<div><img src="abcd" height="200" width="210"><img src="bcda" width="50" height="25"></div>';
let replace1 = content.replace(/<img([^>]+)>/g, '<amp-img$1/>');
console.log(replace1)