Preview and syntax

Display modes, diagrams and formulas, and how links and media are shown.

Switch the display

F1 / Ctrl+E switches between source and preview, and F11 shows the preview full screen. Esc also leaves the full-screen view. In source mode the two sides scroll together.

Changes reach the preview once you pause typing. The wait is adjustable under Settings → Preview → Preview Delay (200 milliseconds by default).

If a replaced image or a similar change does not appear, press F5 to reload. When a tab has unsaved changes, this clears the cache and redraws the preview without reloading the document from disk, so your edits are preserved.

Supported syntax

Headings, paragraphs, lists, quotes, tables, code blocks and footnotes are supported. A single line break inside a paragraph is shown as a line break.

SyntaxDisplay and behaviour
- [ ] task / - [x] doneChecklist. Clicking it in the preview updates the text as well
==emphasis==Highlight
H~2~O / X^2^Subscript and superscript
[[note]]Link to another Markdown document
[[note.md#heading]]Link to a specific heading in a document
![[image.png]]Embedded image
<details> and <summary>Collapsible section

Checking a parent task also updates the child tasks below it. YAML front matter at the top of a document is not shown in the body.

Diagrams and formulas

Mermaid diagrams are written in a code block marked mermaid. Paste the example below into Folio.md and it becomes a flowchart.

```mermaid
flowchart LR
A[Draft] --> B[Review] --> C[Share]
```

Formulas are inline when wrapped in $, as in $E = mc^2$, and stand on their own when wrapped in $$.

The components for diagrams and formulas ship with the app. The Microsoft Edge WebView2 Runtime is required. If the syntax is correct but the block is still shown as code, check whether that runtime is installed.

Before you export diagrams or formulas, confirm in the preview that they are drawn. If drawing has not finished, they can be exported as their source text.

  • Local images and images from a URL are both displayed. For inserting and resizing them, see Images and tables.
  • A web page URL on a line of its own becomes a link card if the page information can be retrieved. Otherwise, it remains a regular link.
  • A YouTube URL becomes a card with a thumbnail. Clicking it opens the video in your browser.
  • Video files are shown as cards. They are not played inside the app: local video opens in your default player, and a URL opens in your browser.
  • Links to .md, .markdown and .md-crypted files open in a Folio.md tab. Relative paths are resolved against the folder of the current document.

To stop the app from fetching external images and link cards, set Settings → Network → External Resource Fetching to Do not fetch (link text only). See Encryption and safe use for details.

Copy text out of the preview

Select text in the preview by dragging, then press Ctrl+C to copy it with its formatting or Ctrl+Shift+C to copy the text only. Ctrl+A selects the whole document, including the part that is off screen.

Shortcuts are listed with their default assignments. If you have changed them, check the current keys in the in-app help (F12).