How can I find out which letter the user has just typed?

[lumenwrites]

I need to get access to the letter the user just typed into the editor (ignoring all the hotkeys and whatever else the user may have pressed on the page). Can you help me to figure out how to do this?

[lumenwrites]

I think I figured it out:

const editor = useEditor({
  [...],
  // https://prosemirror.net/docs/ref/#view.EditorProps
  // https://tiptap.dev/api/editor/#editor-props
  // https://stackoverflow.com/questions/68814136/tiptap-vuejs-how-to-detect-a-keypress
  editorProps: {
    attributes: {
      class: 'prose prose-sm sm:prose lg:prose-lg xl:prose-2xl mx-auto focus:outline-none',
    },
    handleDOMEvents: { 
      keydown: (view, event) => {
        console.log('Last pressed key', event.key)
        return false;
      }
    },
  },
})

It doesn't ignore the hotkeys though, it just captures the last pressed key. If there's a better solution - please let me know!

[philippkuehn]

There is handleTextInput.

const editor = useEditor({
  editorProps: {
    handleTextInput(view, from, to, text) {
      console.log(text)
      return true
    },
  },
})