Typix LogoTypix
Extensions

Auto Link

URLs and email addresses become links as you type

Detects URL and email patterns in your text and wraps them in link nodes automatically. No manual selection required.

Install

pnpm add @typix-editor/extension-auto-link

Live demo

Built-in matchers

Two regex matchers ship out of the box:

  • URL matcherhttps?://, www. prefixes, .com/.dev/.org TLDs
  • Email matcher — Standard user@host.tld pattern

Both are exported for custom configuration:

import { URL_REGEX, EMAIL_REGEX } from "@typix-editor/extension-auto-link";

Custom matchers

For non-standard patterns (Slack handles, Linear ticket IDs, etc.), wire up custom matchers via createLinkMatcherWithRegExp:

import { createLinkMatcherWithRegExp } from "@typix-editor/extension-auto-link";

const linearMatcher = createLinkMatcherWithRegExp(
  /([A-Z]+-\d+)/g,
  (text) => `https://linear.app/team/issue/${text}`,
);

On this page