Editor

Notidian’s editor combines rich text editing with a powerful WebGPU-powered drawing canvas.

Overview

The editor is designed for local-first note-taking with:

  • Rich text editing - Native contenteditable for optimal text handling
  • Drawing canvas - WebGPU-powered infinite canvas
  • Auto-save - Changes save automatically as you work

Text Editing

Click on the note title or content area to start typing. The editor uses native browser text editing for the best experience.

Title

The title appears at the top of the note. Click to edit.

Content

The main content area supports standard text editing.

Drawing

The canvas supports pressure-sensitive drawing with various brush types.

Brushes

  • Pen - Smooth vector strokes
  • Pencil - Textured strokes with pressure opacity

Tools

  • Select - Select and transform strokes
  • Pan - Navigate the canvas
  • Zoom - Zoom in/out

Keyboard Shortcuts

ShortcutAction
⌘SSave note
⌘ZUndo
⌘Shift+ZRedo

Auto-Save

Notes save automatically as you work. You’ll see a save indicator when changes are being saved.

Performance

The editor uses WebGPU for hardware-accelerated rendering, enabling smooth drawing even with thousands of strokes on the canvas.