Skip to content

Add keyboard shortcut (cmd(ctrl)+option(alt)+v) to paste styles #69196

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Mar 19, 2025
+100 −0
Merged

Add keyboard shortcut (cmd(ctrl)+option(alt)+v) to paste styles #69196

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
d38a305
feat: add key combo to paste styles
yogeshbhutkar Feb 14, 2025
9e25551
Merge branch 'trunk' into enhance-69170/paste-styles-key-shortcut
yogeshbhutkar Feb 14, 2025
f70053f
Merge branch 'trunk' into enhance-69170/paste-styles-key-shortcut
yogeshbhutkar Mar 10, 2025
7c0ed4b
e2e: add test for pasting styles using keyboard shortcut
yogeshbhutkar Mar 11, 2025
6df6d63
Merge branch 'trunk' into enhance-69170/paste-styles-key-shortcut
yogeshbhutkar Mar 11, 2025
5273ed8
refactor: remove snapshots file
yogeshbhutkar Mar 13, 2025
2d52aea
Merge branch 'trunk' into enhance-69170/paste-styles-key-shortcut
yogeshbhutkar Mar 13, 2025
7eabe84
Merge branch 'trunk' into enhance-69170/paste-styles-key-shortcut
yogeshbhutkar Mar 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 9 additions & 0 deletions packages/block-editor/src/components/block-tools/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@ import usePopoverScroll from '../block-popover/use-popover-scroll';
import ZoomOutModeInserters from './zoom-out-mode-inserters';
import { useShowBlockTools } from './use-show-block-tools';
import { unlock } from '../../lock-unlock';
import usePasteStyles from '../use-paste-styles';

function selector( select ) {
const {
Expand Down Expand Up @@ -74,6 +75,7 @@ export default function BlockTools( {
const { getGroupingBlockName } = useSelect( blocksStore );
const { showEmptyBlockSideInserter, showBlockToolbarPopover } =
useShowBlockTools();
const pasteStyles = usePasteStyles();

const {
duplicateBlocks,
Expand Down Expand Up @@ -134,6 +136,13 @@ export default function BlockTools( {
event.preventDefault();
removeBlocks( clientIds );
}
} else if ( isMatch( 'core/block-editor/paste-styles', event ) ) {
const clientIds = getSelectedBlockClientIds();
if ( clientIds.length ) {
event.preventDefault();
const blocks = getBlocksByClientId( clientIds );
pasteStyles( blocks );
}
} else if ( isMatch( 'core/block-editor/insert-after', event ) ) {
const clientIds = getSelectedBlockClientIds();
if ( clientIds.length ) {
Expand Down
12 changes: 12 additions & 0 deletions packages/block-editor/src/components/keyboard-shortcuts/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,18 @@ function KeyboardShortcutsRegister() {
},
} );

registerShortcut( {
name: 'core/block-editor/paste-styles',
category: 'block',
description: __(
'Paste the copied style to the selected block(s).'
),
keyCombination: {
modifier: 'primaryAlt',
character: 'v',
},
} );

registerShortcut( {
name: 'core/block-editor/insert-before',
category: 'block',
Expand Down
10 changes: 10 additions & 0 deletions packages/block-editor/src/components/list-view/block.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,7 @@ import useBlockDisplayInformation from '../use-block-display-information';
import { useBlockLock } from '../block-lock';
import AriaReferencedText from './aria-referenced-text';
import { unlock } from '../../lock-unlock';
import usePasteStyles from '../use-paste-styles';

function ListViewBlock( {
block: { clientId },
Expand Down Expand Up @@ -112,6 +113,8 @@ function ListViewBlock( {

const blockInformation = useBlockDisplayInformation( clientId );

const pasteStyles = usePasteStyles();

const { block, blockName, allowRightClickOverrides } = useSelect(
( select ) => {
const { getBlock, getBlockName, getSettings } =
Expand Down Expand Up @@ -233,6 +236,13 @@ function ListViewBlock( {
}

updateFocusAndSelection( blockToFocus, shouldUpdateSelection );
} else if ( isMatch( 'core/block-editor/paste-styles', event ) ) {
event.preventDefault();

const { blocksToUpdate } = getBlocksToUpdate();
const blocks = getBlocksByClientId( blocksToUpdate );

pasteStyles( blocks );
} else if ( isMatch( 'core/block-editor/duplicate', event ) ) {
event.preventDefault();

Expand Down
Loading