Discussing Keyboard Shortcuts

SuperDelphi

Hello everyone!

I've recently made two pull requests on Silex that should add common keyboard shortcuts, as well as a floating window allowing you to check what shortcuts there are.

Here is the list of shortcuts.

Native ones:
- Ctrl+Z: Undo
- Ctrl+Shift+Z: Redo
- Ctrl+C: Copy
- Ctrl+V: Paste
- S: Next Component
- W: Previous Component
- D: Enter Component
- A: Exit Component
- Backspace: Delete Component
New ones:
- Alt+S: Open Settings
- Alt+P: Open Publish Modal
- Alt+F: Open Fonts
- Tab: Preview Mode
- Shift+K: Shortcuts Help
- Shift+L: Layers
- Shift+A: Blocks
- Shift+N: Notifications
- Shift+P: Pages
- Shift+S: Symbols
- Escape: Close Panel

Keyboard choosing constraints:

We should prefer lettered shortcuts (ex: Shift+X, and not Shift+%), because of keyboard layout differences.
We have to be careful not to conflict with the browsers' default shortcuts.

What shortcuts do you want to see inside Silex? 😄

lexoyo

Shift+K

I would do just ? or ctrl+?

SuperDelphi

lexoyo I would do just ? or ctrl+?

I haven't found a satisfactory solution to allow it, since it's located on the , key on AZERTY layouts, , being a separator when declaring GrapesJS keymaps.

lexoyo do the "long press shift" still show the help dialog?

Yes!

lexoyo did you see the long press for help pannel somewhere? is it in a software you use?

On iPadOS, with an external keyboard, pressing the Command key long enough will show available shortcuts in the current app, if I recall correctly.

lexoyo @SuperDelphi i have a new request for a shortcut to open the properties and the style panels on the right side

Good idea!

lexoyo

do the "long press shift" still show the help dialog?

did you see the long press for help pannel somewhere? is it in a software you use?

lexoyo

@SuperDelphi i have a new request for a shortcut to open the properties and the style panels on the right side

Screenshot from 2024-05-22 16-26-59

lexoyo

SuperDelphi could we

great job, congrats on the latest version!

could we take a step back and recap all the keyboard shortcuts here?

SuperDelphi

lexoyo Thank you! Yes sure.

Native shortcuts:
- Ctrl+Z: Undo
- Ctrl+Shift+Z: Redo
- Ctrl+C: Copy
- Ctrl+V: Paste
- S: Next Component
- W: Previous Component
- D: Enter Component
- A: Exit Component
- Backspace: Delete Component
New shortcuts:
- Alt+S: Open Settings
- Alt+P: Open Publish Modal
- Ctrl+Alt+P: Publish
- Alt+F: Open Fonts
- Tab: Preview Mode
- Shift+K: Shortcuts Help
- Shift+L: Layers
- Shift+A: Blocks
- Shift+N: Notifications
- Shift+P: Pages
- Shift+S: Symbols
- Ctrl+D: Duplicate Selection
- Shift+B (or multiple Escape): Select Body
- R: Style Manager
- T: Traits Manager
- Escape: Close Panel

lexoyo

Excellent the ones to navigate the components, I didn't know !

The ones to open the menu (left bar) are not very consistant (alt or shift) - do you think there is a way to make it all shift?

SuperDelphi

lexoyo Yes, it's pretty interesting to know!

lexoyo The ones to open the menu (left bar) are not very consistant (alt or shift) - do you think there is a way to make it all shift?

Sure, I can do this by Monday 👍️

lexoyo

I didn't really think it through, please make sure there is no side effects 😃
Otherwise usea different modifier maybe

lexoyo

hi @SuperDelphi
not sure if it is still time but I think a shortcut for the current page's settings would be awesome
to do this is the same as open the site settings but pass the page ID to the command