Как правильно осуществить замену?

Question

[Александр]

Здравствуйте уважаемые программисты. Решил сделать на сайте при вставке в редактор сообщения содержимого проверку на наличие ссылки на изображение. И если есть, то сразу менять на пикчу. Но пока получается менять если строка содержит только ссылку. А если есть текст, допустим спереди ссылки или после неё, то подмена уже не срабатывает.
Хотелось бы чтобы меняло все ссылки, если их много и находило внутри любого содержимого.
Подскажите пожалуйста, как правильно это сделать?
Сейчас сделано пока так:

var pasteData = this.$pasteBlock.html();
var validation = '^http(s)?://.*?\.(jpg|png|gif|jpeg)$';
pasteData = pasteData.replace(new RegExp(validation,"g"),'<img src="$&" style="max-width:640px;width:98%;"/>');

Answer 1

[twobomb]

pasteData = pasteData.replace(new RegExp("http(s)?://.*?\\.(jpg|png|gif|jpeg)","g"),str => {
	return  '<img src="'+str+'" style="max-width:640px;width:98%;"/>';
});

Comments

[Александр]

Спасибо большое, вроде бы все отрабатывает как надо!

[Александр]

Заметил один баг. Если в имени ссылки содержится расширение файла, то отрабатывает не корректно.
Допустим ссылка
https://cdn.trinixy.ru/uploads/posts/2020-01/15785...
Результат выполнения кода будет таким:

<img src="https://cdn.trinixy.ru/uploads/posts/2020-01/1578562824_gif" style="max-width:640px;width:98%;">s_01.gif

[twobomb]

Александр, Добавьте еще один слеш перед \.

pasteData = pasteData.replace(new RegExp("http(s)?://.*?\\.(jpg|png|gif|jpeg)","g"),str => {
  return  '<img src="'+str+'" style="max-width:640px;width:98%;"/>';
});

P.S. можно еще дополнительно делать ajax запрос, чтобы проверить существование изображения, если не существует вставлять как просто текст или заменить картинку на noimage

[Александр]

twobomb, точно. Благодарю!