Slash Command

Trigger a contextual popup list of format utilities, components, and block-level insertions by typing /.

Usage

The slash command is registered as a custom TipTap extension mapping a suggestion plugin trigger (character: /) to a custom Svelte dropdown renderer:

Included Commands

Typing / opens a floating popover positioned next to the cursor with two groups:

Format: Heading 1-4 elements, Blockquotes, lists, and Code blocks.
Insert: Tables, inline/block LaTeX formulas, horizontal lines, image/video templates, and callout alerts.

Customizing Commands List

The list of popup actions and groups is managed inside src/lib/edra/tiptap/extensions/slash/index.ts. You can configure group labels or add your own custom command items by editing the GROUPS array:

Keyboard Navigation

ArrowUp / ArrowDown: Scroll through the group commands list.
Enter: Select and run the active action.
Escape: Close the popup list.

Back to AI Assistant Customizing Extensions