Available on
All plans
Total Views
799
Updated On
20.05.2026
Insert headings, lists, tables, media, and formatting instantly with slash commands. Notion-style Quick Toolbar built for distraction-free writing.
Eddyter's Quick Toolbar is a slash-command system built into the editor. Type / anywhere in your document and a smart command panel opens — letting you insert headings, lists, tables, code blocks, embeds, and formatting in a single keystroke.
If you've used Notion, Linear, or modern docs apps, the experience will feel instantly familiar. The difference: Eddyter brings the same speed to your SaaS app, with zero plugin work and full React/Next.js support.
The Quick Toolbar replaces the traditional editor toolbar with a keyboard-first command panel. When you type /, a smart menu appears showing every block type, formatting option, and editor command available — searchable in real time.
Instead of moving your mouse to a toolbar, picking an option, and clicking back into the document, you stay on the keyboard. Type → search → insert → keep writing.
The Quick Toolbar handles every block type you'd reach for in long-form writing:
Everything is accessible from one search box. No hunting through toolbar dropdowns, no remembering keyboard shortcuts for every block type.
The Quick Toolbar is built for the way modern teams actually write — fast, focused, mostly without touching the mouse:
/ to open the command panelh2, tab, code, quoteNo mouse. No context switching. No distraction tax.
As you type after the slash, Eddyter filters commands in real time. Aliases and partial matches both work — tab finds Table, bul finds Bulleted List, pic finds Image. In long, complex documents, this is the difference between losing your train of thought and shipping the next paragraph.
Slash commands aren't a plugin or third-party add-on. They ship with the standard Eddyter editor on every plan, including Free.
For developers integrating Eddyter into a SaaS product, that means:
Setup details are in the Eddyter Documentation. New to the editor? What is Eddyter? is a 2-minute walkthrough of how the editor works.
Insert headings, code blocks, callouts, and tables without breaking your writing flow. Documentation gets shipped at product velocity instead of becoming a bottleneck.
Build structure as you write. Headings, quote blocks, and embedded media drop in cleanly without hunting through toolbars.
Maintain consistent formatting across hundreds of articles. Slash commands enforce structural consistency by default.
Ship product updates in minutes, not hours. Insert a heading, a code block, an image, and you're done.
Onboarding docs, process documents, RFCs — anywhere structure matters and speed matters more.
Every modern productivity tool has converged on the same insight: the keyboard is faster than the mouse for content creation, and slash commands are the cleanest way to expose every editor capability without cluttering the UI.
If you're evaluating Eddyter end-to-end, Integrate Eddyter in 30 Minutes walks through full setup including slash commands, AI features, and tables.
Capability | Eddyter Quick Toolbar |
|---|---|
Slash command panel | ✅ Yes |
Real-time search and filtering | ✅ Yes |
Headings, lists, tables, code, media | ✅ Yes |
Keyboard-first navigation | ✅ Yes |
Mobile and tablet support | ✅ Yes |
Available on Free plan | ✅ Yes |
Works in React / Next.js apps | ✅ Yes |
Plugin or library required | ❌ No |
Type / anywhere in your document. The slash-command panel opens automatically and you can search for any block or formatting command.
Available commands are tied to the editor's enabled features (controlled via toolbarOptions props). See the Eddyter docs for the full configuration reference.
Yes. The Quick Toolbar works on desktop, tablet, and mobile. On touch devices, tap the slash command trigger to open the panel.
Yes. Slash commands ship with every Eddyter plan, including Free.
Yes. Eddyter is a drop-in React component, and the Quick Toolbar is part of the standard editor — no extra configuration required.
They're the same thing. "Quick Toolbar" is the product name; "slash commands" describes the underlying interaction. Devs and writers both use both terms.
The Quick Toolbar pairs cleanly with the rest of the Eddyter editor:
Together, they create a complete writing and editing experience.
Most editors slow you down with too many clicks, scattered tools, and toolbars that hide the commands you actually need. The Quick Toolbar removes that friction.
It helps you stay in flow, ship faster, and keep your content structured by default.
Use Eddyter’s HTML Code Editor with real-time preview to write, edit, and test HTML instantly. Build custom layouts and control your markup without switching tools.
Use Eddyter’s HTML Canvas to write, edit, and preview HTML with live feedback. Build custom layouts, embed components, and control your content structure easily.
Use Eddyter’s drag and drop editor to organize content visually. Move and rearrange blocks easily while keeping layout, structure, and formatting intact.