Rich Text: Update the regex that checks the format of className in Fo…

…rmat Types to allow underscores (#56599)
WordPress · Nov 28, 2023 · c6be294 · c6be294
1 parent 726b008
commit c6be294
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/rich-text/src/register-format-type.js b/packages/rich-text/src/register-format-type.js
@@ -71,9 +71,9 @@ export function registerFormatType( name, settings ) {
 		return;
 	}
 
-	if ( ! /^[_a-zA-Z]+[a-zA-Z0-9-]*$/.test( settings.className ) ) {
+	if ( ! /^[_a-zA-Z]+[a-zA-Z0-9_-]*$/.test( settings.className ) ) {
 		window.console.error(
-			'A class name must begin with a letter, followed by any number of hyphens, letters, or numbers.'
+			'A class name must begin with a letter, followed by any number of hyphens, underscores, letters, or numbers.'
 		);
 		return;
 	}

diff --git a/packages/rich-text/src/test/register-format-type.js b/packages/rich-text/src/test/register-format-type.js
@@ -171,7 +171,7 @@ describe( 'registerFormatType', () => {
 			className: 'invalid class name',
 		} );
 		expect( console ).toHaveErroredWith(
-			'A class name must begin with a letter, followed by any number of hyphens, letters, or numbers.'
+			'A class name must begin with a letter, followed by any number of hyphens, underscores, letters, or numbers.'
 		);
 		expect( format ).toBeUndefined();
 	} );