Available on
All plans
Total Views
551
Updated On
20.05.2026
Format and edit selected text instantly — Eddyter's floating toolbar appears next to your cursor with formatting, links, and inline editing tools.
Eddyter's Floating Toolbar is a smart, selection-triggered editing panel that appears next to your cursor the moment you highlight text. Format, link, style, or apply quick actions — without ever moving to a fixed toolbar at the top of the screen.
If you've used Medium, Notion, or Linear, the experience will feel instantly familiar. The difference: Eddyter brings the same focused-editing feel into your SaaS app, with zero plugin work and full React/Next.js support.
The Floating Toolbar is an inline editing panel that appears automatically when you select text inside the editor. Instead of forcing you to move your eyes (and cursor) to a fixed toolbar at the top of the page, the formatting controls come to you.
Select a word, a sentence, or a paragraph — and a context-aware toolbar appears right next to the selection with exactly the actions you need.
These two features sound similar but do different jobs. Worth understanding both:
Quick Toolbar (Slash Commands) | Floating Toolbar | |
|---|---|---|
Trigger | Type | Select text |
Purpose | Insert new blocks | Format existing content |
Best for | Adding headings, lists, tables, media | Bold, italic, links, inline edits |
Cursor stays | Where you typed | On your selection |
Together, they cover both halves of writing: adding new content (Quick Toolbar) and refining existing content (Floating Toolbar). Most modern editors ship both.
The Floating Toolbar handles every formatting action you'd reach for during inline editing:
Everything sits next to your cursor. No mouse trips to the top of the screen. No memorizing keyboard shortcuts for every action.
The Floating Toolbar isn't dumb — it shows tools relevant to what you've selected:
This keeps the toolbar focused. You don't see twenty buttons when you only need three. Speed compounds.
The Floating Toolbar isn't a plugin, browser extension, or separate library. It ships with the standard Eddyter editor on every plan, including Free.
For developers integrating Eddyter into a SaaS app, that means:
Setup details are in the Eddyter Documentation. New to the editor? What is Eddyter? is a 2-minute walkthrough.
Static toolbar (TinyMCE, CKEditor classic) | Floating Toolbar (Eddyter) | |
|---|---|---|
Tools always visible | ✅ Yes | ❌ No (on-demand) |
Cursor travel to toolbar | ✅ Required | ❌ None |
Screen real estate | Permanent | Zero when not needed |
Context-aware tools | ❌ No | ✅ Yes |
Mobile usability | ⚠️ Cramped | ✅ Optimized |
Modern editing UX | ⚠️ Dated | ✅ Notion/Medium-style |
For SaaS teams shipping editors to their own users, the floating model is what users now expect. Static toolbars feel like 2010-era software.
Reviewers can reformat sentences, fix links, and tweak emphasis without breaking out of the document.
Apply inline formatting as you write. Bold a key term, link to a reference, italicize a citation — all without leaving the keyboard's natural position.
Wrap technical terms in code formatting, add inline links to API references, and emphasize warnings — all in-place.
Polish emails, announcements, and customer-facing copy with quick selection-based formatting.
The longer the document, the more time you save by not scrolling back to a top toolbar for every formatting action.
Static toolbars cramp mobile screens. Floating toolbars appear only when needed, leaving more room for content.
The shift from static to floating toolbars is one of the bigger UX changes in modern content tools — and one of the most-noticed by users:
If you're evaluating Eddyter end-to-end, Integrate Eddyter in 30 Minutes walks through full setup including floating toolbar, slash commands, and AI features.
Capability | Eddyter Floating Toolbar |
|---|---|
Selection-triggered toolbar | ✅ Yes |
Context-aware tool display | ✅ Yes |
Inline formatting (bold, italic, link, code) | ✅ Yes |
AI quick actions on selection | ✅ On AI plans |
Mobile and tablet support | ✅ Yes |
Available on Free plan | ✅ Yes |
Works in React / Next.js apps | ✅ Yes |
Plugin or library required | ❌ No |
Select any text in your document. The toolbar appears automatically next to your selection — no clicks required.
Available tools are tied to the editor's enabled features (controlled via toolbarOptions props). See the Eddyter docs for the full configuration reference.
Yes. The Floating Toolbar works on desktop, tablet, and mobile. On touch devices, it appears after text selection and stays visible during the edit.
Floating Toolbar = formats existing selected text (triggered by selection). Quick Toolbar = inserts new blocks (triggered by typing /). Most modern editors ship both, and Eddyter is no exception.
Yes. The Floating Toolbar UI ships with every Eddyter plan, including Free. AI quick actions accessed through the toolbar may require an AI plan.
Yes. Eddyter is a drop-in React component, and the Floating Toolbar is part of the standard editor — no extra configuration required.
No. The toolbar positions itself intelligently to avoid overlap with mobile keyboards and screen edges.
The Floating Toolbar pairs cleanly with the rest of the editor:
/Together, they create a complete writing and editing experience.
Static toolbars were a UX compromise from an era of small screens and slow software. Modern editors put tools where the work is happening — next to your cursor, when you need them, gone when you don't.
The Floating Toolbar makes that the default in Eddyter — so you stay focused on what you're writing instead of where your formatting buttons live.
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.