如果在同一行，则正则表达式不匹配

Question

I have created a regex that match my custom html tag. For example:

<var-input id="" kind="{&quot;id&quot;:2,&quot;art&quot;:&quot;TEXT&quot;,&quot;name&quot;:&quot;Textfeld&quot;,&quot;default&quot;:null}" choices="1,2,3,four" value="radio not text"></var-input>

The html-tag always have the form <var-input id="" kind="" choices="" value=""></var-input>

And these are the restrictions:

• id is an uuid4 string or empty
• kind is a JSON stringify object
• choices is an array (comma separated) or empty
• value is a string or empty

This is my regex now:

<var-input id=\"([0-9a-fA-F]{8}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{12})?\" kind=\"({.*})\" choices=\"([a-zA-Z0-9_,\s]*)\" value=\"([a-zA-Z0-9_,\s]*)\"></var-input>

It works good for one match like the above example. But is there more than one <var-input ...></var-input> in one line, the regex not work correct. Why?

Here is an example

Answer 1

Just make {.*} not greedy: {.*?} .

Updated demo