Regular Expressions 101

<sectionthe literal text <section (case sensitive)

\s+any whitespace character, repeated at least once

classNamethe literal text className (case sensitive)

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

\{the literal { (123₁₀ / 173₈ / 7B₁₆)

Group 1([^>]*)

Negated Character Class[^>]*

*matches any number of characters outside the set below:

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

\}the literal } (125₁₀ / 175₈ / 7D₁₆)

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

Group 2([\s\S]*?)

Character Class[\s\S]*?

*?matches any number of characters from the set below:

\sany whitespace character

\Sany non-whitespace character

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

\/the literal / (47₁₀ / 57₈ / 2F₁₆)

section>the literal text section> (case sensitive)

\s*any whitespace character, repeated any number of times

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

Detailed match information will be displayed here automatically.

Search reference

Regular Expression

<section\s+className\=\{([^>]*)\}>([\s\S]*?)<\/section>\s*

New

<section className={class-a}>

Un-touched stuff here

</section>

<hr />

<section className={class-b}>

Un-touched stuff here

</section>

<hr />