Spaceweb Editor
v6.0.0

Keyboard Shortcuts

  • The editor comes with some keyboard shortcut defaults. Depending on what you want to use it for, you will probably want to change those keyboard shortcuts to your linking.

    Predefined Keyboard Shortcuts

    In case of HTML Editor most of the core extensions register their own keyboard shortcuts. Depending on what set of extension you use, not all of the below listed keyboard shortcuts work for your editor. Please make sure that if the extension is not enabled its corresponding shortcuts will not work.

    Essentials

    CommandWindows/LinuxmacOS
    Copy
    Control C
    Cmd C
    Cut
    Control X
    Cmd X
    Paste
    Control V
    Cmd V
    Paste Without Formatting
    Control Shift V
    Cmd Shift V
    Undo
    Control Z
    Cmd Z
    Redo
    Control Shift Z
    Cmd Shift Z
    HardBreak
    Shift Enter
    Shift Enter

    Text Formatting

    CommandWindows/LinuxmacOS
    Bold
    Control B
    Cmd B
    Italicize
    Control I
    Cmd I
    Underline
    Control U
    Cmd U
    Strikethrough
    Control Shift X
    Cmd Shift X
    HighLight
    Control Shift H
    Cmd Shift H
    Code
    Control E
    Cmd E

    Paragraph Formatting

    CommandWindows/LinuxmacOS
    Apply Normal Text Style
    Control Alt 0
    Cmd Option 0
    Apply Heading Style 1
    Control Alt 1
    Cmd Option 1
    Apply Heading Style 2
    Control Alt 2
    Cmd Option 2
    Apply Heading Style 3
    Control Alt 3
    Cmd Option 3
    Apply Heading Style 4
    Control Alt 4
    Cmd Option 4
    Apply Heading Style 5
    Control Alt 5
    Cmd Option 5
    Apply Heading Style 6
    Control Alt 6
    Cmd Option 6
    Ordered List
    Control Shift 7
    Cmd Shift 7
    Bullet List
    Control Shift 8
    Cmd Shift 8
    Blockquote
    Control Shift B
    Cmd Shift B
    Left Align
    Control Shift L
    Cmd Shift L
    Center Align
    Control Shift E
    Cmd Shift E
    Right Align
    Control Shift R
    Cmd Shift R
    Justify
    Control Shift J
    Cmd Shift J

    Text Selection

    CommandWindows/LinuxmacOS
    Select All
    Control A
    Cmd A
    Extend Selection One Character to Left
    Shift ←
    Shift ←
    Extend Selection Once Character to Right
    Shift →
    Shift →
    Extension Selection One Line Up
    Shift ↑
    Shift ↑
    Extend Selection One Lne Down
    Shift ↓
    Shift ↓
    Extend Selection to the beginning of the document
    Control Shift ↑
    Control Shift ↑
    Extend Selection to the end of the document
    Control Shift ↓
    Control Shift ↓

  • Override/Custom Keyboard Shortcuts

    The prop KeyboardShortcut is present for both HTMlEditor and Text Editor. This prop can be used to override the current keyboard shortcuts present or to add new custom keyboard shortcuts for the editor. The format of keyboardShortcuts prop is 

    { [keyString]: shortcutHandler }
    The keyString could be strings like 'Shift-Control-Enter' and 'Mod-l'. Keys are based on the strings that can appear inevent.key, concatenated with a -. shortcutHandler is callback function to be run for that keyboard shortcut, it should return false if you want default handler to run and true if default handler should not be executed.

    Editor will only consider the KeyboardShortcut handlers provided at the time of the mount of editor, if the new shortcuts are provided after the mount, editor will ignore those shortcut handlers.

    In the example below the border of TextEditor will change when you press Command+Enter or Ctrl+Enter

    KeyboardShortcut Example