diff --git a/apps/web/src/content/docs/applications/editor.md b/apps/web/src/content/docs/applications/editor.md index 6d363eb..5f6663d 100644 --- a/apps/web/src/content/docs/applications/editor.md +++ b/apps/web/src/content/docs/applications/editor.md @@ -10,7 +10,7 @@ The web and desktop apps share the same canvas, tools, shortcuts, and document o desktop app adds native file handling and local CLI access; the web app stores boards in the browser. -## Navigate the canvas +## Navigating the canvas Pan with a trackpad, middle-button drag, or Space-drag. Pinch or hold Ctrl/Cmd while scrolling to zoom. The controls in the lower-left corner set an exact zoom level, fit the drawing, or fit the @@ -19,7 +19,7 @@ current selection. **Shift+1** fits the drawing and **Shift+2** fits the selecti The status bar reports the active tool, cursor and viewport coordinates, selection, save state, and grid settings. Grid visibility, grid size, and snapping preferences persist between sessions. -## Select and move shapes +## Selecting and moving shapes Use **Select** for whole shapes and **Direct Select** for a path's anchors and handles. Double-click a nested shape to move into its group or frame; use Escape to move back out. @@ -35,7 +35,7 @@ descriptions, sources, links, and structured metadata for any selection. A singl also shows its provenance. Right-click the canvas or a selection for commands relevant to that location. -## Draw and connect +## Draw and Connect The toolbar includes rectangles, ellipses, frames, lines, arrows, text, Markdown, and freehand pen strokes. A frame contains ordered child shapes and carries them when it moves. Select a frame @@ -48,14 +48,18 @@ endpoint follows that shape when it moves. Arrow controls edit bends, endpoint h labels. Select a shape to edit its fill, stroke, and opacity. Text, Markdown, and Card selections also -show font and size controls. The editor bundles Instrument Sans, Atkinson Hyperlegible Next, -IBM Plex Sans, Google Sans, Playpen Sans, Source Serif 4, Newsreader, Fraunces, JetBrains Mono, -Geist Mono, and Azeret Mono. New canvas text uses Instrument Sans. +show font and size controls. New canvas text uses Instrument Sans. + +| Category | Bundled fonts | +| -------- | ------------------------------------------------------------------------------------- | +| Sans | Instrument Sans, Atkinson Hyperlegible Next, IBM Plex Sans, Google Sans, Playpen Sans | +| Serif | Source Serif 4, Newsreader, Fraunces | +| Mono | JetBrains Mono, Geist Mono, Azeret Mono | **Direct Select** exposes anchors and Bézier handles for native paths. Path commands can open or close a path, split or join segments, and change segment geometry. -## Clipboard and import +## Clipboard and Import The editor preserves hierarchy, assets, and connections when copying and pasting native shapes. It also accepts plain text, Markdown, SVG markup, SVG files, and images. Use paste in place when @@ -68,7 +72,7 @@ kept as opaque fallback content; review the import report before discarding the Images support aspect-ratio resize, crop, opacity, and replacement. Copy a selection as SVG or PNG when another application needs a presentation copy rather than editable Inkfinite records. -## Layers and shortcuts +## Layers and Shortcuts The Layers panel creates, activates, renames, reorders, hides, locks, and changes the opacity of layers. Its arrow button collapses the panel when the canvas needs more room. @@ -82,6 +86,6 @@ Press **?** for the searchable shortcut list. Common commands include: - Cmd/Ctrl+B to open the board browser - Escape to clear a selection or close the current menu or dialog -The editor reports failed saves, imports, exports, and clipboard operations in the interface. In -the desktop app, a draft remains separate from a named `.inkfinite` file until you choose **Save -As**. +The editor reports failed saves, imports, exports, and clipboard operations in the interface. +In the desktop app, a draft remains separate from a named `.inkfinite` file until you choose +**Save As**.