VS Code - Find & Replace - замените все div на h2, сохранив при этом внутреннее содержимое

Question

У меня почти 200+ файлов, состоящих из почти тысяч строк такого кода.

<div class="bg-gray-100 w-full p-2 text-bold">Content</div>

Мне нужно заменить эти div, все с тем же классом, на h2, сохранив при этом внутреннее содержимое. Как я могу использовать для этого функцию «Заменить в файлах»? Я мог найти все экземпляры <div class="bg-gray-100 w-full p-2 text-bold"> и заменить их на <h2 class="bg-gray-100 w-full p-2 text-bold">, но тогда я все равно застрял бы с закрывающими тегами </div>, которые мне нужно было бы заменить на закрывающие h2 во всей кодовой базе. Ничего страшного.

Я пробовал регулярное выражение: <div class="bg-gray-100 w-full p-2 text-bold">[\s\S]+</div>, но он заменил внутреннее содержимое фактическим текстом регулярного выражения.

Answer 1

Предполагая, что вы всегда будете искать теги <div>, которые также имеют закрывающий элемент, вы можете попробовать следующий поиск и замену в режиме регулярного выражения:

Find:    <div\s+([^>]+)>(.*?)</div>
Replace: <h2 $1>$2</h2>

Демо