Как исправить регулярное выражение оборачивания тегом?

Question

[serdev5578]

не могу разобраться как сделать чтобы регулярное выражение искало оборачивало в тег только слова которые находятся вне атрибутов тега img и вообще любого тега
это текущий код

html = html.replace(new RegExp(localStorage.getItem('selectedText'), 'g'), `<strong class='highlightText'>${localStorage.getItem('selectedText')}</strong>`);
      html = html.replace(/<img.*?src="(.*?)"/g, "<img src=\"https://static.test.co$1\"");
      html = html.replace(/<a(.*?)>(.*?)<\/a>/g, "<a$1>$2<i class=\"icon-external-link\"></i></a>");

сейчас эта строчка

html = html.replace(new RegExp(localStorage.getItem('selectedText'), 'g'), `<strong class='highlightText'>${localStorage.getItem('selectedText')}</strong>`);

оборачивает в тег span не только простые слова на странице но и слова которые находятся в атрибуте src тега img, и это ломает url адрес изображения на странице. нужна помощь в исправлении

Comments

[Дмитрий Беляев]

Самый лучший вариант тут - не использовать регулярки для обработки html. Тем более в браузере есть встроенный парсер:
https://developer.mozilla.org/ru/docs/Web/API/DOMParser

[Сергей Соколов]

посмотрите эти замечательные ответы: поиск по ответам с упоминанием DOMParser

Answer 1

[O . J]

Попробуй так

html = html.replace(new RegExp(`\\b${localStorage.getItem('selectedText')}\\b(?!([^<]+)?>)`, 'g'), `<strong class='highlightText'>$&</strong>`);