regex101: PCRE (Legacy) Substitution Workspace

Pro

1st Alternative

<!--the literal text <!--

Negated Character Class[^-]*

*matches any number of characters outside the set below:

-the literal - (45₁₀ / 55₈ / 2D₁₆)

Non-Capturing Group(?:-(?!->)[^-]*)*

*repeats the group contents below any number of times:

-the literal - (45₁₀ / 55₈ / 2D₁₆)

Negative Lookahead(?!->)

->the literal text ->

Negated Character Class[^-]*

*matches any number of characters outside the set below:

-the literal - (45₁₀ / 55₈ / 2D₁₆)

-->the literal text -->

2nd Alternative\s+(?=\s[@:]?\w[\w-]*=|[<>])

\s+any whitespace character, repeated at least once

Positive Lookahead(?=\s[@:]?\w[\w-]*=|[<>])

1st Alternative\s[@:]?\w[\w-]*=

\sany whitespace character

Character Class[@:]?

?matches at most one character from the set below:

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

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

\wany word character

Character Class[\w-]*

*matches any number of characters from the set below:

\wany word character

-the literal - (45₁₀ / 55₈ / 2D₁₆)

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

2nd Alternative[<>]

Character Class[<>]

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

>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

<!--[^-]*(?:-(?!->)[^-]*)*-->|\s+(?=\s[@:]?\w[\w-]*=|[<>])

New

<select
                                        id="version-switcher"
                                        :class="{test: true}"
                                        aria-label="Localhost version"
                                        class="appearance-none"
                                        @change="window.location = $event.target.value"
                                    >
                                                                                    <option  value="https://localhost">Test</option>
                                                                                    <option selected value="https://localhost">Foo</option>
                                                                            </select>

Substitution

<select
                                        id="version-switcher"
                                        :class="{test: true}"
                                        aria-label="Localhost version"
                                        class="appearance-none"
                                        @change="window.location = $event.target.value"
                                    >
                                                                                    <option  value="https://localhost">Test</option>
                                                                                    <option selected value="https://localhost">Foo</option>
                                                                            </select>