2
stopWordsContents.forEach(word => {
 const pattern = '(\\s|\^)(' + word + ')(\\s|\$)';
 const re = new RegExp(pattern, 'gi');
 content = content.replace(re, '<span class="stop-word">$2</span>');
}); 

подскажите как сделать так чтобы эта функция оборачивала в спан не только слова разделенные с двух сторон пробелами, но и если по краям какие то символы. Например: "%::,,%№слово" нужно обернуть

7
  • const pattern = '\\b' + word.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&') + '\\b', а потом .replace(re, '<span class="stop-word">$&</span>')? Какие у вас "слова"? Только из букв ASCII или русские? 13 мая 2019 в 7:56
  • ваш шаблон не работает, кириллица только будет в стоп словах 16 мая 2019 в 11:27
  • Тогда удалите \b или используйте свой шаблон для границы слова. Что имеется в виду под "словом"? Русские и не только слова из букв? 16 мая 2019 в 11:29
  • Спасибо, огоромное, Виктор! Единственное почему то в центр слова вставляется пробел когда такой паттерн сделал "word.replace(/[-\/\\^$*+?.()|[]{}]/g, '\\$&');" 16 мая 2019 в 17:22
  • это не пробел оказывается. Проблема в том, что если например word дурак и рак, то рак будет выделяться внутри выделенного дурак. Нужно этого избежать как то 16 мая 2019 в 18:17

1 ответ 1

1

Вы используете так называемые "пробельные" границы слова, (\s|^) и (\s|$) (нельзя экранировать знаки ^ и $, иначе они лишатся своих особенных значений начала и конца слов). Сразу замечу, что вместо обычной подмаски (\s|$) вам следует использовать блок предварительного просмотра (?=\s|$) или (лучше) (?!\S), чтобы находились последовательные слова (например слово слово).

Так как вы "оборачиваете" "слова", которые могут содержать специальные метасимволы, word необходимо экранировать.

Так, регулярка будет выглядеть следующим образом:

let pattern = '(\\s|^)(' + word.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&') + ')(?!\\S)'

В шаблоне имеются две захватываемые подмаски, (\\s|^) и (слово). Первая нужна для того, чтобы восстановить пробел, если он будет найден. Вторая — чтобы подставить слово внутрь тега. То есть в шаблоне замены нужно указать две обратные ссылки.

Целый код на JavaScript:

let content = 'Слово слово словоохотлиый',
    word = 'слово';
let pattern = '(\\s|^)(' + word.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&') + ')(?!\\S)';
const re = new RegExp(pattern, 'gi');
content = content.replace(re, '$1<span class="stop-word">$2</span>');
console.log(content);

3
  • Виктор, нужно еще чтобы <h1>Слово</h1> или какие-нибудь ^&%&^%Слово тоже выделялись 18 мая 2019 в 18:20
  • @БулатНасибуллин Т.е. границу слова всё-таки надо изменить? Ну так определитесь с ней. Если граница слова - это любой символ отличный от английских и русских букв (+ цифр), можно использовать '([^a-zA-Zа-яА-ЯёЁ0-9]|^)(' + word.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&') + ')(?![a-zA-Zа-яА-ЯёЁ0-9])' 18 мая 2019 в 21:43
  • То что нужно. Спасибо! 19 мая 2019 в 3:41

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.