regex101: PCRE (Legacy) Match Workspace

<the literal < (60₁₀ / 74₈ / 3C₁₆)

Character Class[A-Z]

A-Zone character from A (65₁₀) to Z (90₁₀) (case sensitive)

Character Class[A-Za-z:]*

*matches any number of characters from the set below:

A-Zone character from A (65₁₀) to Z (90₁₀) (case sensitive)

a-zone character from a (97₁₀) to z (122₁₀) (case sensitive)

:the literal : (58₁₀ / 72₈ / 3A₁₆)

Negated Character Class[^>]*

*matches any number of characters outside the set below:

>the literal > (62₁₀ / 76₈ / 3E₁₆)

the literal (32₁₀ / 40₈ / 20₁₆)

Group 1((?!class)[^ @]*)

Negative Lookahead(?!class)

classthe literal text class (case sensitive)

Negated Character Class[^ @]*

*matches any number of characters outside the set below:

the literal (32₁₀ / 40₈ / 20₁₆)

@the literal @ (64₁₀ / 100₈ / 40₁₆)

=the literal = (61₁₀ / 75₈ / 3D₁₆)

Negated Character Class[^>]*

*matches any number of characters outside the set below:

>the literal > (62₁₀ / 76₈ / 3E₁₆)

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

m modifier: multiline. Causes ^ and $ to match the start and end of each line, not only the start and end of the string

25 tokens

Regular Expression

<[A-Z][A-Za-z:]*[^>]* ((?!class)[^ @]*)=[^>]*

New

<LinkTo @route="foo.bar" @model={{this.model}} class="fancy-link">
  foo
</LinkTo>
<Input @checked={{this.isChecked}} @type="checkbox" class="fancy-checkbox" />

<Foobar class="fancy-foobar" myArgument={{false}} as |foobar|>
  <Foo @customerId={{this.model.id}} page={{50}} />
  <Foobar class="fancy-foobar" myArgument={{false}} />
</Foobar>

Extraction

<LinkTo @route="foo.bar" @model={{this.model}} class="fancy-link">
  foo
</LinkTo>
<Input @checked={{this.isChecked}} @type="checkbox" class="fancy-checkbox" />

<Foobar class="fancy-foobar" myArgument={{false}} as |foobar|>
  <Foo @customerId={{this.model.id}} page={{50}} />
  <Foobar class="fancy-foobar" myArgument={{false}} />
</Foobar>