RichText: add non breaking space shortcut on Windows (#43150)

Unlinked contributors: rezeau, pierrefrance, burnuser, zackkatz. Co-authored-by: t-hamano <[email protected]> Co-authored-by: ellatrix <[email protected]> Co-authored-by: yankiara <[email protected]> Co-authored-by: tybor <[email protected]> Co-authored-by: fr-laurentn <[email protected]> Co-authored-by: TonyGravagno <[email protected]> Co-authored-by: noisysocks <[email protected]> Co-authored-by: benjaminpwarren <[email protected]>
WordPress · Mar 20, 2024 · 810e49d · 810e49d
1 parent cef411c
commit 810e49d
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 0 deletions.
diff --git a/packages/customize-widgets/src/components/keyboard-shortcut-help-modal/config.js b/packages/customize-widgets/src/components/keyboard-shortcut-help-modal/config.js
@@ -46,4 +46,8 @@ export const textFormattingShortcuts = [
 			'Convert the current paragraph or heading to a heading of level 1 to 6.'
 		),
 	},
+	{
+		keyCombination: { modifier: 'primaryShift', character: 'SPACE' },
+		description: __( 'Add non breaking space.' ),
+	},
 ];
diff --git a/packages/edit-post/src/components/keyboard-shortcut-help-modal/config.js b/packages/edit-post/src/components/keyboard-shortcut-help-modal/config.js
@@ -46,4 +46,8 @@ export const textFormattingShortcuts = [
 			'Convert the current paragraph or heading to a heading of level 1 to 6.'
 		),
 	},
+	{
+		keyCombination: { modifier: 'primaryShift', character: '\u00a0' },
+		description: __( 'Add non breaking space.' ),
+	},
 ];
diff --git a/packages/edit-site/src/components/keyboard-shortcut-help-modal/config.js b/packages/edit-site/src/components/keyboard-shortcut-help-modal/config.js
@@ -46,4 +46,8 @@ export const textFormattingShortcuts = [
 			'Convert the current paragraph or heading to a heading of level 1 to 6.'
 		),
 	},
+	{
+		keyCombination: { modifier: 'primaryShift', character: 'SPACE' },
+		description: __( 'Add non breaking space.' ),
+	},
 ];
diff --git a/packages/edit-widgets/src/components/keyboard-shortcut-help-modal/config.js b/packages/edit-widgets/src/components/keyboard-shortcut-help-modal/config.js
@@ -46,4 +46,8 @@ export const textFormattingShortcuts = [
 			'Convert the current paragraph or heading to a heading of level 1 to 6.'
 		),
 	},
+	{
+		keyCombination: { modifier: 'primaryShift', character: 'SPACE' },
+		description: __( 'Add non breaking space.' ),
+	},
 ];
diff --git a/packages/format-library/src/default-formats.js b/packages/format-library/src/default-formats.js
@@ -14,6 +14,7 @@ import { superscript } from './superscript';
 import { keyboard } from './keyboard';
 import { unknown } from './unknown';
 import { language } from './language';
+import { nonBreakingSpace } from './non-breaking-space';
 
 export default [
 	bold,
@@ -29,4 +30,5 @@ export default [
 	keyboard,
 	unknown,
 	language,
+	nonBreakingSpace,
 ];
diff --git a/packages/format-library/src/non-breaking-space/index.js b/packages/format-library/src/non-breaking-space/index.js
@@ -0,0 +1,29 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { insert } from '@wordpress/rich-text';
+import { RichTextShortcut } from '@wordpress/block-editor';
+
+const name = 'core/non-breaking-space';
+const title = __( 'Non breaking space' );
+
+export const nonBreakingSpace = {
+	name,
+	title,
+	tagName: 'nbsp',
+	className: null,
+	edit( { value, onChange } ) {
+		function addNonBreakingSpace() {
+			onChange( insert( value, '\u00a0' ) );
+		}
+
+		return (
+			<RichTextShortcut
+				type="primaryShift"
+				character=" "
+				onUse={ addNonBreakingSpace }
+			/>
+		);
+	},
+};