Can I add new shortcut keys?

[gorimatyan]

I want to know how to add shortcut keys such as [ ctr + [any key] ].
In other discussion, I understood adding [ctr + Enter] shortcut keys.
#1805

Though I looked up lexical/src/LexicalCommands.ts, this file didn't define commands I want.
So I want to create new commands such as [ctr+s (overwrite saving file behavior and add new behavior)], [ctr + t] and so on.
The behaviors of these shortcut keys ,I expect, is adding underline to selected text or changing color of text when I press [ctr + [any key]].

[moy2010]

You can do it like this:

const [editor] = useLexicalComposerContext();

useEffect(() => {
  return mergeRegister(
    editor.registerRootListener((rootElement) => {
      if (rootElement) {
        rootElement.addEventListener('keydown', yourKeyDownHandler);
      }
    })
  )
}, [editor, editorReadCallback]);

[moy2010]

Ah, thx. @trueadm ! Will update the example above.

[gorimatyan]

Thank you for answering. I'll do that.

[gorimatyan]

@moy2010 @trueadm
Excuse me.
I don't know your using mergeRegister(). What does it is used for ??
According to the doc, mergeRegister() defined in lexical-utils/src/index.ts:232.

export function mergeRegister(...func: Array<Func>): () => void {
  return () => {
    func.forEach((f) => f());
  };
}

[moy2010]

Well, yeah. If you are only registering one listener, then there's no need for the mergeRegister call 😄 .

[gorimatyan]

I got it!! Thank you!!