Как найти отрезок строки, зная начало и конец, регулярными выражениями?

Question

[denis2601]

Есть строка (html) в которой находятся инлайн стили прописанные CSS переменные (var(--brand-primary), var(--base-color-2) и т.п.), как найти в этом документе все переменные. Дело в том что скрипт должен заменить их на обычные HEX или RGB цвета. Написал регулярку, но я с ними не очень дружу /(var(\(.+))/ig что-то не то.

<div data-color="var(--secondary)" data-color-end="var(--brand-primary)">
<span class="icon icon__centered">
<i class="fal fa-paper-plane" aria-hidden="true"></i>
</span>
</div>

Answer 1

[Stalker_RED]

Отвечая на вопрос из заголовка: например так
https://regex101.com/r/Wzqqzy/1

Но непонятно что вы собираетесь с этими найденными строками делать.
У вас список замен скорее всего основан на строках "--secondary", "--brand-primary". Почему-бы не заменять их сразу?

Answer 2

[planc]

var\(([a-z\-]+)\)
или
var\((-{2}\w+-?-?\w+)\)

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

Comments

[denis2601]

Спасибо!
Я тут экспериментировал и наткнулся на такую вот штуку, не находит строки такого вида var(--brand-primary-4185)
за помощь буду благодарен

[planc]

denis2601,
там справа на сайте есть разъяснение как регулярка работает
тебе надо добавить еще цифры в разрешенные символы

var\(([a-z\-0-9]+)\)

https://regex101.com/r/3xixBm/1