Viewing File: /home/markqprx/iniasli.pro/client/text-editor/insert-link-into-text-editor.ts

import {Editor} from '@tiptap/react';

interface Props {
  href: string;
  target?: string;
  text?: string;
}

export function insertLinkIntoTextEditor(
  editor: Editor,
  {text, target, href}: Props
) {
  // no selection, insert new link with specified text
  if (editor.state.selection.empty && text) {
    editor.commands.insertContent(
      `<a href="${href}" target="${target}">${text}</a>`
    );
  } else if (!editor.state.selection.empty) {
    // no href provided, remove link from selection
    if (!href) {
      editor.chain().focus().extendMarkRange('link').unsetLink().run();
    } else {
      // add link to selection
      editor
        .chain()
        .focus()
        .extendMarkRange('link')
        .setLink({href: href, target})
        .run();
    }
  }
}