Rich note-taking #3537
Description
Problem
The current Tiptap editor lacks intuitive editing features that users expect from modern note-taking applications. There's no slash command support, no bubble menu for quick formatting, no structured mention system, and the overall editing experience needs polish.
Slash Commands
Type / to access a command palette for inserting blocks, formatting, etc.
- Type
/to open command palette - Support common commands: headings, lists, code blocks, dividers, etc.
- Keyboard navigation (arrow keys, enter to select)
- Filter commands as user types
Bubble Menu
A floating toolbar that appears when text is selected for quick formatting.
- Appears when text is selected
- Quick access to: bold, italic, strikethrough, link, code
- Smooth animations and positioning
Mention Operators
Typing @ opens a picker to reference entities inline:
-
@date— reference a specific date or date range -
@note— reference an existing note/session -
@human— reference a person from contacts -
@org— reference a company/organization - Selected mention renders as an inline chip
- Works in both note editor and chat input
Screenshot capture
No way to capture and attach meeting screenshots without leaving the app. Add a screenshot capture command (via slash command /screenshot or hotkey) that grabs the current screen and inserts it inline into the note — useful when reviewing visual material like pitch decks or Figma boards during meetings.
Resizable images
Image resize was removed and needs to come back. Bring back ResizableNodeView from @tiptap/core with drag handles on all edges and corners, persisting width/height attributes to the document. Implementation existed previously — see diff in #3327.
General Polish
- Responsive and smooth typing experience
- Consistent styling with the rest of the app
- Keyboard shortcuts work as expected
Technical Context
The editor is built with Tiptap (packages/tiptap/) and used in:
apps/desktop/src/components/editor-area/apps/desktop/src/components/main/body/sessions/note-input/
Merged from
- Mention operator: @date, @note, @human, @org #4326 — Mention operator: @Date, @note, @Human, @org
- Bring resizable image back to editor (?) #3327 — Bring resizable image back to editor
- Capture screenshots from meetings and attach to notes #970 — Capture screenshots from meetings and attach to notes
Related
- slash command in editor area #1304 — slash command in editor area
- Add formatting bar in the editor #203 — Add formatting bar in the editor
- add inline URL components for editor #2506 — Inline URL components in the editor
Metadata
Metadata
Assignees
Type
Projects
Status