Как использовать замену регулярным выражением в Sublime Text или VSCode?

Question

[Alex Goncharov]

У меня есть папка с html файлами. Как найти определенный div с классом и заменит его содержимое во всех файлах?

<div class="header-info-box">
 Разный контент, <span> включая теги</span>
</div>

Во всех файлах нужно заменить только содержимое конкретного дива с именем класса header-info-box
Как использовать регулярные выражение для поиска и замены?

Мое выражение:
найти див
(<div class="header-info-box">).+(</div>)
Заменить его содержимое:
$1<div class="hello"></div>$2

https://regexr.com/43s07

Comments

[Nick Sdk]

в notepad++ такое точно можно сделать
там, если не ошибаюсь, есть возможность выбрать директорию и произвести замену во всех файлах в выбранной директории
ну или сделать замену в открытых файлах

[AUser0]

А внутри этого ДИВа других ДИВов нет? А то будет потом сюрприз...
И лучше использовать не жадный плюс: (<div class="header-info-box">).+?(</div>)

[Alex Goncharov]

AUser0, Внутри этого дива - есть div

[AUser0]

Тогда вариант конкретно под один внутренний ДИВ:

(<div class="header-info-box">).*?<div[^>]*>.*?</div>.*?(</div>)

[Alex Goncharov]

AUser0, А каким образом можно заменить Все содержимое дива? Тем, что в вашем основном ответе?

Answer 1

[dodo512]

Для Sublime Text или Notepad++.
Find:

<div class="header-info-box">\K((?:[^<]|(?!</?div).|<div(?1)</div>)*+)

Replace:
<div class="hello"></div>

https://regex101.com/r/ibeyIw/1

Comments

[Alex Goncharov]

Работает, если внутри есть вложенные дивы?

[dodo512]

Alex Goncharov, работает. Там же ссылка с демонстрацией работы на regex101.com