Post Title Block: Sync value with post slug.

WordPress · Jul 14, 2019 · 07392e0 · 07392e0
1 parent f2abe6f
commit 07392e0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/packages/block-library/src/post-title/block.json b/packages/block-library/src/post-title/block.json
@@ -6,6 +6,11 @@
 			"type": "string",
 			"source": "post",
 			"attribute": "title"
+		},
+		"slug": {
+			"type": "string",
+			"source": "post",
+			"attribute": "slug"
 		}
 	}
 }
diff --git a/packages/block-library/src/post-title/edit.js b/packages/block-library/src/post-title/edit.js
@@ -2,10 +2,7 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-
-/**
- * WordPress dependencies
- */
+import { cleanForSlug } from '@wordpress/editor';
 import { RichText } from '@wordpress/block-editor';
 
 export default function PostTitleEdit( {
@@ -15,7 +12,7 @@ export default function PostTitleEdit( {
 	return (
 		<RichText
 			value={ title }
-			onChange={ ( value ) => setAttributes( { title: value } ) }
+			onChange={ ( value ) => setAttributes( { title: value, slug: cleanForSlug( value ) } ) }
 			tagName="h1"
 			placeholder={ __( 'Title' ) }
 			formattingControls={ [] }