Slash Commands

Notion / Tiptap-style inline command picker. Type / at the start of a line (or after whitespace) inside the editor to open a filter-as-you-type menu for headings, lists, tables, images, dividers, and every registered AI action. Arrow keys + Enter to insert; Esc to dismiss.

What's included out of the box

15 default commands (H1 / H2 / H3, paragraph, bulleted / numbered list, quote, code block, divider, table, image, link, emoji, template, today's date) + every aiToolkitActions entry (proofread, rewrite, translate, summarize, …) appear in the same menu. Customers register their own via editor.slashCommands.register(…).

Register a custom command

<script>
window.addEventListener("DOMContentLoaded", function () {
    var editor = window.richTextBoxEditors && window.richTextBoxEditors.slashEditor;
    if (!editor || !editor.slashCommands) return;

    editor.slashCommands.register({
        id: "call-to-action",
        section: "Custom",
        title: "Call to action",
        description: "Insert a highlighted CTA block",
        keywords: ["cta", "banner"],
        run: function (ed) {
            ed.insertHTML('<p style="padding:10px 14px;background:#eef2ff;border-left:3px solid #4f46e5;border-radius:6px;">' +
                          '<strong>Call to action</strong> — your pitch here.</p>');
        }
    });
});
</script>