Hyperlink on slack

hyperlink.js

const regexp = /\[(.*?)\]\((.+?)\)/g
const editor = document.querySelector('.ql-editor')

editor.addEventListener(
  'keydown',
  (e) => {
    if (e.metaKey && e.shiftKey && e.key == 9) {
      let innerHtml = editor.innerHTML
      const matches = innerHtml.matchAll(regexp);
      for (const match of matches) {
        let tmp = innerHtml.replace(match[0], `<a href="${match[2]}" rel="noopener noreferrer" target="_blank">${match[1]}</a>`)
        console.log(`${match[0]} ${match[1]} ${match[2]} ${tmp}`)
        innerHtml = tmp
      }
      editor.innerHTML = innerHtml

      window.requestAnimationFrame(() => {
        document.querySelector('.c-texty_input__button--send').click()
      })
    }
  },
  false);