CMD + K to trigger link dialog

[zurfyx]

Ctrl/CMD + K is a common convention to toggle link

[AnuragBalhra]

Sounds like a good first issue, I can pick it up if no one else is working on it yet.

[Nantris]

@AnuragBalhra are you planning to work on this? Do you know how the Ctrl/Cmd+B are handled for Bold for an example of how to add this?

[AnuragBalhra]

Yes I'm starting to work on this.
I don't already know how to do it but I'll try to investigate how it's done for Ctrl/Cmd+B. If someone already knows any documentation/references about how they are implemented, that would be really helpful.

[evskorobogatij]

I do

import React, { useCallback, useEffect } from 'react'
import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
import { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'
import { useUnit } from 'effector-react'
import { changeLastKeyInfo } from 'components/Editor/models/keys'

export const HotKeyPlugins = () => {
  const [editor] = useLexicalComposerContext()

  const handleChangeLastKeyInfo = useUnit(changeLastKeyInfo)

  const insertLink = useCallback(() => {
    editor.dispatchCommand(TOGGLE_LINK_COMMAND, 'https://')
  }, [editor])

  const handleKeyPress = useCallback(
    (e: KeyboardEvent) => {
      const { code, ctrlKey, altKey, shiftKey } = e
      handleChangeLastKeyInfo({ code, ctrlKey, altKey, shiftKey })
      if (ctrlKey && code === 'KeyK') {
        insertLink()
        e.preventDefault()
      }
    },
    [handleChangeLastKeyInfo],
  )

  useEffect(() => {
    window.addEventListener('keydown', handleKeyPress)
    return () => {
      window.removeEventListener('keydown', handleKeyPress)
    }
  }, [handleKeyPress])

  return <></>
}

[acywatson]

Closed by #4413