ENTER and SHIFT+ENTER behaviour

[himadridev]

Thank you for building this awesome library 👏🏼

I have a use-case of a chat interface, where user input field is markdown editor (similar to slack input field). As per requirement, user should be able to submit the message on ENTER press and to break new line user has to use SHIFT+ENTER.

I have created a plugin and registered KEY_ENTER_COMMAND to capture & handle the ENTER 👇🏼

  useEffect(() => {
    return editor.registerCommand<KeyboardEvent>(
      KEY_ENTER_COMMAND,
      (event: KeyboardEvent) => {
        if (event.key === 'Enter' && !event.shiftKey) {
          event.preventDefault();
  
          onSendMessage?.();
          return true;
        }

        return false;
      },
      COMMAND_PRIORITY_LOW,
    );
  }, []);

But with this approach, editor's line break for new formatting stopped (using SHIFT+ENTER for new line) 👇🏼

issue-with-my-approach.mov

That's because my custom command handler blocking the expected ENTER press for the editor.

Q: Is there any way to use SHIFT+ENTER for line break for new formatting? So that I can use ENTER for submitting the message.

[himadridev]

@petyosi Thanks for starting a discussion. Any thoughts on this?

[petyosi]

No, no thoughts. This is entirely in the space of the Lexical runtime and not constrained by the MDXEditor API.