grapesjs/docs/api/keymaps.md

isString

This module allows to create shortcuts for functions and commands (via command id)

You can access the module in this way

const keymaps = editor.Keymaps;

getConfig

Get module configurations

Returns Object Configuration object

add

Add new keymap

Parameters

• id string Keymap id
• keys string Keymap keys, eg. ctrl+a, ⌘+z, ctrl+z
• handler (Function | string) Keymap handler, might be a function

Examples

// 'ns' is just a custom namespace
keymaps.add('ns:my-keymap', '⌘+j, ⌘+u, ctrl+j, alt+u', editor => {
 console.log('do stuff');
});
// or
keymaps.add('ns:my-keymap', '⌘+s, ctrl+s', 'some-gjs-command');

// listen to events
editor.on('keymap:emit', (id, shortcut, e) => {
 // ...
})

Returns Object Added keymap or just a command id as a string

get

Get the keymap by id

Parameters

• id string Keymap id

Examples

keymaps.get('ns:my-keymap');
// -> {keys, handler};

Returns Object Keymap object

getAll

Get all keymaps

Examples

keymaps.getAll();
// -> {id1: {}, id2: {}};

Returns Object

remove

Remove the keymap by id

Parameters

• id string Keymap id

Examples

keymaps.remove('ns:my-keymap');
// -> {keys, handler};

Returns Object Removed keymap