Массовая замена HTML-разметки в Sublime Text с помощью RegExp
При работе с HTML часто возникает рутинная задача: есть десятки однотипных элементов, которые нужно заменить на реальную разметку. Делать это вручную - долго и рискованно, также можно легко допустить ошибку.
В моём случае это были заглушки вида:
<p>Image 1</p>
<p>Image 2</p>
<p>Image 3</p>
Нужно было превратить их в теги изображений, сохранив номера файлов изображений.
Почему не руками
Ручная правка подходит только для пары строк. Когда элементов больше 10–20, возрастает риск:
Поэтому логичнее использовать инструменты, которые уже есть в редакторе.
Решение через Sublime Text и RegExp
В Sublime Text есть мощный поиск и замена с поддержкой регулярных выражений. Этого более чем достаточно для задачи.
Открываем HTML-файл и вызываем панель замены:
Обязательно включаем режим Regular Expression (иконка .*).
Шаблон поиска
<p>Image (\d+)</p>
Разберём выражение:
Число внутри скобок сохраняется как первая группа.
Шаблон замены
<img src="images/\1.jpg">
Здесь \1 — ссылка на первую группу захвата из шаблона поиска. На её место подставляется найденное число.
В результате:
Image 1 → images/1.jpg
Image 12 → images/12.jpg
Проверка и замена
Перед массовой заменой полезно нажать Find All, чтобы убедиться, что совпадения находятся только там, где нужно.
После этого можно смело использовать Replace All — Sublime Text заменит все подходящие строки за один шаг.
Подводные камни
Несколько моментов, о которых легко забыть:
если не включить RegExp, \1 подставлен не будет
в Sublime используется именно \1, а не $1
шаблон чувствителен к пробелам и регистру
Альтернативы
Для подобных задач подойдут и другие инструменты:
Но если файл уже открыт в Sublime Text, RegExp — самый быстрый вариант.
Вывод
Регулярные выражения в Sublime Text позволяют эффективно автоматизировать рутинные правки HTML без дополнительных скриптов и плагинов. Даже простые приёмы вроде групп захвата экономят время и снижают количество ошибок.
Дополнительно
Более подробная пошаговая инструкция с ориентацией на новичков опубликована в моём блоге:
https://kodprog.ru/kak-bystro-zamenit-tekst-na-tegi-img-v-sublime-text
