Keyboard Shortcuts: Registered cut and copy as block level shortcuts

yogeshbhutkar · Jan 9, 2025 · bf79be1 · bf79be1
1 parent be5b4c5
commit bf79be1
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 7 deletions.
diff --git a/packages/block-editor/src/components/block-settings-menu/block-settings-dropdown.js b/packages/block-editor/src/components/block-settings-menu/block-settings-dropdown.js
@@ -11,7 +11,6 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import { moreVertical } from '@wordpress/icons';
 import { Children, cloneElement } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
-import { displayShortcut } from '@wordpress/keycodes';
 import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
 import { pipe, useCopyToClipboard } from '@wordpress/compose';
 
@@ -137,6 +136,8 @@ export function BlockSettingsDropdown( {
 	const shortcuts = useSelect( ( select ) => {
 		const { getShortcutRepresentation } = select( keyboardShortcutsStore );
 		return {
+			copy: getShortcutRepresentation( 'core/block-editor/copy' ),
+			cut: getShortcutRepresentation( 'core/block-editor/cut' ),
 			duplicate: getShortcutRepresentation(
 				'core/block-editor/duplicate'
 			),
@@ -276,18 +277,14 @@ export function BlockSettingsDropdown( {
 									<CopyMenuItem
 										clientIds={ clientIds }
 										onEvent={ onCopy }
-										shortcut={ displayShortcut.primary(
-											'c'
-										) }
+										shortcut={ shortcuts.copy }
 									/>
 									<CopyMenuItem
 										clientIds={ clientIds }
 										onEvent={ onCopy }
 										label={ __( 'Cut' ) }
 										eventType="cut"
-										shortcut={ displayShortcut.primary(
-											'x'
-										) }
+										shortcut={ shortcuts.cut }
 										__experimentalUpdateSelection={
 											! __experimentalSelectBlock
 										}

diff --git a/packages/block-editor/src/components/keyboard-shortcuts/index.js b/packages/block-editor/src/components/keyboard-shortcuts/index.js
@@ -14,6 +14,26 @@ function KeyboardShortcutsRegister() {
 	// Registering the shortcuts.
 	const { registerShortcut } = useDispatch( keyboardShortcutsStore );
 	useEffect( () => {
+		registerShortcut( {
+			name: 'core/block-editor/copy',
+			category: 'block',
+			description: __( 'Copy the selected block(s).' ),
+			keyCombination: {
+				modifier: 'primary',
+				character: 'c',
+			},
+		} );
+
+		registerShortcut( {
+			name: 'core/block-editor/cut',
+			category: 'block',
+			description: __( 'Cut the selected block(s).' ),
+			keyCombination: {
+				modifier: 'primary',
+				character: 'x',
+			},
+		} );
+
 		registerShortcut( {
 			name: 'core/block-editor/duplicate',
 			category: 'block',