Skip to content

Writing and formatting

In Edit mode you write on the real page: double-click any text — a heading, a paragraph, a list item, a table cell — and the cursor lands in it, ready to type. There is no separate preview to keep in sync; the page you're editing is the page.

A paragraph mid-edit on the canvas with the formatting toolbar above it

Start and stop

  • Double-click any text to start editing. An outline marks the block you're in.

  • Click anywhere else on the page to finish — your changes are kept.

  • Esc also finishes editing.

  • ⌘S (macOS) / Ctrl+S (Windows/Linux) finishes editing and saves the file.

Paragraphs

Press Enter to end the paragraph and start a new one. Split a paragraph in the middle and everything after the cursor moves into the new one, with your cursor following — you just keep typing. Shift+Enter stays in the same paragraph instead of starting a new block.

To make the next block something other than a paragraph — a heading, a list, an image — type / and pick from the menu: Slash commands .

The formatting toolbar

While you edit, formatting buttons join the floating toolbar above the block (the same bar described in The canvas ). Select some text first, then click a button to format it — click again to remove the format:

  • Paragraphs, list items, and table cells offer Bold , Italic , Underline , Strikethrough , Superscript , Subscript , Code , and Link .

  • Headings offer the shorter set: Bold , Italic , Code , and Link .

With nothing selected the format buttons are disabled — only Link stays clickable. The keyboard versions: ⌘B / Ctrl+B for bold, ⌘I / Ctrl+I for italic, ⌘` / Ctrl+` for code.

  1. Select the text to link.

  2. Click the Link button, or press ⌘K / Ctrl+K .

  3. Type the address and press Enter (or click Apply ).

Put the cursor inside an existing link and open the same popover to see its address — Update changes it, Remove unlinks the text while keeping the words.

Insert data

The Insert data button beside the format group opens a searchable list of the data available on your page. Pick an entry and Studio drops a live placeholder into your sentence — it shows the real value when the page renders. Inside a repeating list you also get the current item's fields and its position. Where that data comes from is covered in Logic .

Pasting

Paste is always plain text: copy from a website or a Word document and you get the words — never the fonts, colors, or stray markup they were wrapped in. Add your own formatting after pasting.

Text inside components

Double-click text inside a component instance — a card title, a button label — and you edit that one instance's text in place. It's a single plain value rather than free-form content, so the rules tighten:

  • Enter finishes and keeps the change; Esc cancels it.

  • Formatting, slash commands, and paragraph splits are off.

  • The toolbar's name badge shows which component option you're editing (for example product-card · title ).

Text that a component fills from data can't be edited this way — typing over it would break its connection to the data. Change the source data instead, or click Edit Component in the toolbar to open the component itself.

Note

Behind the scenes, Studio keeps the markup tidy as you type — adjacent formats merge, empty leftovers are removed — and saves the result as plain Markdown in the page's file, so bold is just **bold** on disk.

Next