最小化崇高文本正则表达式搜索和替换中的子表达式

Question

I am trying to replace

<div id="logo"> <a href="index.html"><img src="images/Logo.png" width="205" height="50"  alt="logo"/></a><a class="menu-hider"></a></div>

with

<div id="logo"> <a href="index.html"><img src="{{ asset( 'images/Logo.png' }}" width="205" height="50"  alt="logo"/></a><a class="menu-hider"></a></div>

in Sublime text. Based on the docs I figured this would work search

src=\"(.*)\"

replace

src=\"{{ asset('$1') }}\"

However instead of Sublime search catching

src="images/Logo.png"

it catches the longest possible sub-expression and finds the last occurence of \\"

src="images/Logo.png" width="205" height="50"  alt="logo"/></a><a class="menu-hider"

this is instead of the first which is what I'm expecting. What is wrong?

Answer 1

It's because .* is greedy, meaning it'll match as much as possible until it reaches \\" . Change it to the lazy form by adding ? :

src=\"(.*?)\"
         ^

regex101 demo

or use a negated class:

src=\"([^\"]*)\"
       ^^^^^

regex101 demo

The latter will match any character except " so there's no way it'll match a " .

Note: I don't remember the requirement to escape quotes in ST2. I can't test it right now, but it should be working fine without being escaped.