Keyboard shortcuts are combinations of keys that let you do things quickly without using a mouse. They are the fastest way to build your website. Hold a key, click, and get on with it. This guide shows the ones that save you the most time in the Rocketspark editor first, followed by the everyday shortcuts that work almost anywhere on your computer.
Mac or Windows? Each shortcut shows both. On a Mac, use Command (⌘) and Option (⌥). On Windows, use Ctrl instead of Command, and Alt instead of Option. Shift is the same on both.
Design faster
These shortcuts save the most clicks when you are building a page. They let you copy content, switch design mode on and off, and set your spacing in a single move, so you can spend your time on the design instead of the menus.
| What you want to do | What it is | Mac | Windows | Learn more |
|---|---|---|---|---|
| Copy a block in one move | Click a block, then hold Option (Alt on Windows). The move icon in the block toolbar, the one with four arrows, changes to a copy icon. Drag the block and a copy drops where you let go. The original stays put. | Hold ⌥ and drag | Hold Alt and drag | Copy a block |
| Turn design mode on and off | Design mode lets you change your design right on the page, with the controls next to what you are editing. Press the shortcut to switch it on, and press it again to switch it off. | Shift + D | Shift + D | Turn on design mode |
| Get even spacing | When you drag the spacing above and below a block, or to the left and right of it, holding Shift moves both sides together. Your spacing stays even without any measuring. | Hold Shift and drag | Hold Shift and drag | Change spacing in-context |
| Resize a picture without squashing it | Holding Shift while you resize a picture block keeps the picture in proportion. | Hold Shift and resize | Hold Shift and resize | Picture Block |
Shortcuts to navigate the editor quickly
These shortcuts help you move around the editor and keep your work safe without hunting through menus. Jump to any page in seconds, save as you go, and open the feedback drawer when you are working with a client.
| What you want to do | What it is | Mac | Windows | Learn more |
|---|---|---|---|---|
| Jump to any page or action | Opens Quick Actions. Start typing the name of a page and jump straight to it, without opening menus. | ⌘ + K | Ctrl + K | Quick Actions Menu |
| Save the block you are editing | Saves your changes straight away. It also helps when the Save button is off the edge of a small browser window. | ⌘ + S | Ctrl + S | |
| Open the feedback drawer (designers) | If you are a designer, this opens and closes the feedback drawer, where you can see your client's comments. | C | C | Add feedback comments on a website design |
Basic editing shortcuts
These shortcuts help with everyday tasks like copying, pasting and cutting text. They are essential for quickly moving or duplicating content. Undo and redo are also included, so you can fix a mistake instantly. In the Rocketspark editor, undo and redo only apply to the text you are typing. They do not undo changes to blocks, such as moving or deleting one.
| What you want to do | What it is | Mac | Windows |
|---|---|---|---|
| Copy text | Copies the text or item you have selected. | ⌘ + C | Ctrl + C |
| Paste text | Puts the item you copied or cut where your cursor is. | ⌘ + V | Ctrl + V |
| Cut text | Removes the text you have selected so you can paste it somewhere else. | ⌘ + X | Ctrl + X |
| Undo text | Takes back the last thing you typed. | ⌘ + Z | Ctrl + Z |
| Redo text | Brings back something you just undid. | ⌘ + Shift + Z | Ctrl + Y (sometimes Ctrl + Shift + Z) |
| Select all | Selects everything in the text box or on the page, so you can copy or format it all at once. | ⌘ + A | Ctrl + A |
Text navigation and formatting
These are especially helpful when you are writing. You can quickly find words, replace text, and make text bold, italic or underlined without going through menus. Select your text first, then use the shortcut.
| What you want to do | What it is | Mac | Windows |
|---|---|---|---|
| Find | Opens a search box so you can find a word fast. | ⌘ + F | Ctrl + F |
| Replace | Finds a word and swaps it for another one. This depends on the app you are using, so it may work differently or not at all. | ⌘ + H (varies by app) | Ctrl + H |
| Bold | Makes your selected text bold. | ⌘ + B | Ctrl + B |
| Italic | Makes your selected text italic. | ⌘ + I | Ctrl + I |
| Underline | Underlines your selected text. | ⌘ + U | Ctrl + U |
Browsing shortcuts
These shortcuts make using your web browser faster. You can open and close tabs, bring back a tab you closed by mistake, refresh a page, and open a new window, which keeps your work quick and organised. If your editor ever looks out of date, a refresh that also clears what your browser has saved is a good first thing to try.
| What you want to do | What it is | Mac | Windows |
|---|---|---|---|
| Open new tab | Opens a blank tab next to the one you are on. | ⌘ + T | Ctrl + T |
| Close tab | Closes the tab you are on. | ⌘ + W | Ctrl + W |
| Reopen last closed tab | Brings back the tab you just closed. Handy if you closed it by mistake. | ⌘ + Shift + T | Ctrl + Shift + T |
| Refresh page | Reloads the page you are on. | ⌘ + R | Ctrl + R or F5 |
| Refresh and clear saved data | Reloads the page and clears what your browser has saved. Try this first if the editor looks out of date or something looks wrong. | ⌘ + Shift + R | Ctrl + Shift + R |
| Open new window | Opens a new browser window, so you can work in two places at once. | ⌘ + N | Ctrl + N |