SetGet Docs

English

Türkçe

English

Türkçe

Appearance

Write with Pages ​

Pages in SetGet are a built-in documentation system that lives alongside your projects. You can use pages for meeting notes, technical specs, onboarding guides, knowledge bases, or anything your team needs to write and share. The editor supports rich formatting, embedded media, code blocks with syntax highlighting, diagrams, and more. This tutorial walks you through creating your first page and using the full power of the editor.

Prerequisites ​

Before starting this tutorial, make sure you have:

  • A SetGet workspace. Pages are workspace-level resources available to all workspace members.
  • Member-level access or higher in the workspace.

Step 1 — Create a New Page ​

  1. Click Pages in the workspace sidebar.
  2. Click the Create page button (or the + icon).
  3. A new blank page opens immediately in the editor.
  4. Click the title area at the top and type your page title — for example, "Engineering Onboarding Guide."

The page is auto-saved as you type. There is no need to manually save your work.

Step 2 — Write with the Rich Text Editor ​

Click below the title to start writing in the body area. The editor works like a modern document editor with block-based content.

Basic Formatting ​

  • Bold: Select text and press Ctrl+B (or Cmd+B on macOS).
  • Italic: Select text and press Ctrl+I (or Cmd+I).
  • Underline: Select text and press Ctrl+U (or Cmd+U).
  • Strikethrough: Select text and press Ctrl+Shift+S (or Cmd+Shift+S).
  • Inline code: Select text and press Ctrl+E (or Cmd+E).
  • Link: Select text and press Ctrl+K (or Cmd+K) to add a hyperlink.

Headings ​

Type # followed by a space at the beginning of a line for a Heading 1. Use ## for Heading 2 and ### for Heading 3. You can also select text and use the toolbar dropdown to change the block type.

Lists ​

  • Bullet list: Type - or * followed by a space.
  • Numbered list: Type 1. followed by a space.
  • Checklist (to-do): Type [] followed by a space. Click the checkbox to toggle completion.

Lists support nesting. Press Tab to indent a list item and Shift+Tab to outdent.

Step 3 — Use Slash Commands ​

Slash commands are the fastest way to insert any type of content block. Type / on an empty line to open the command palette. The available commands include:

CommandWhat it inserts
/heading1Heading level 1
/heading2Heading level 2
/heading3Heading level 3
/bullet-listBullet list
/numbered-listNumbered list
/checklistChecklist (to-do list)
/tableTable with configurable rows/columns
/codeCode block with syntax highlighting
/imageImage upload or embed
/dividerHorizontal divider line
/quoteBlock quote
/calloutCallout box for tips or warnings
/diagramDraw.io diagram (embedded)

Start typing after / to filter the list. For example, typing /tab quickly narrows the results to the table command.

TIP

You do not need to memorize all slash commands. Just type / and browse the list — the commands are grouped by category and each one has a short description.

Step 4 — Insert a Table ​

Tables are useful for structured data, comparison matrices, and reference information.

  1. Type /table and press Enter.
  2. A default table appears with a few rows and columns.
  3. Click any cell to type content.
  4. Use the table toolbar to add or remove rows and columns.
  5. Drag column borders to resize.

TIP

You can paste tabular data from a spreadsheet directly into the editor. SetGet automatically converts it into a table block.

Step 5 — Insert a Code Block ​

Code blocks render content with syntax highlighting, making them ideal for technical documentation.

  1. Type /code and press Enter.
  2. A code block appears. Click the language selector in the top-right corner of the block.
  3. Choose the programming language (JavaScript, Python, Go, SQL, YAML, and many more).
  4. Type or paste your code. Syntax highlighting applies automatically.

You can also create a code block by typing three backticks (```) followed by the language name and pressing Enter.

Step 6 — Add Images ​

There are two ways to add images to a page:

Upload an Image ​

  1. Type /image and press Enter.
  2. Click Upload and select an image file from your computer.
  3. The image uploads to SetGet storage and appears inline in the page.

Drag and Drop ​

Drag an image file from your file manager directly into the editor. The image uploads and inserts at the drop position.

You can resize images by dragging their corner handles. Click an image to access alignment options (left, center, full-width).

Step 7 — Embed a Diagram ​

SetGet integrates a Draw.io diagramming tool directly inside the page editor.

  1. Type /diagram and press Enter.
  2. The Draw.io editor opens inline or in a modal.
  3. Create your diagram using shapes, connectors, and text.
  4. Close the diagram editor to embed the result in your page.
  5. To edit the diagram later, click on it and select Edit.

This is useful for architecture diagrams, flowcharts, sequence diagrams, and wireframes — all stored directly in the page without external dependencies.

Step 8 — Use AI Writing Assistance ​

The page editor includes an AI assistant that can help you draft, expand, summarize, or improve text.

  1. Select a block of text or place your cursor where you want to generate content.
  2. Use the AI command from the toolbar or slash command menu.
  3. Describe what you need — for example, "Summarize the above section" or "Write a bullet list of onboarding steps."
  4. Review the generated text and accept, edit, or discard it.

WARNING

AI-generated content should always be reviewed by a human before publishing. Use it as a starting point, not a final draft.

Step 9 — Organize with Nested Pages ​

Pages can contain child pages, forming a hierarchical tree structure.

  1. Open the Pages section in the sidebar.
  2. Hover over an existing page and click the + button to create a child page.
  3. The child page appears nested under the parent in the sidebar.

You can nest pages to any depth. This is useful for organizing large documentation sets — for example, a parent page called "API Reference" with child pages for each endpoint group.

Drag and drop pages in the sidebar to rearrange the hierarchy.

Step 10 — Enable Wiki Mode ​

Wiki mode converts a page (and its children) into a structured knowledge base with table of contents navigation and a more formal reading layout.

  1. Open the page you want to convert.
  2. Click the three-dot menu in the page header.
  3. Select Enable wiki mode (or toggle the wiki setting).
  4. The page and its nested children are now presented in wiki format with a sidebar table of contents.

Wiki mode is ideal for team handbooks, product documentation, process guides, and any content that needs structured navigation.

See the Wiki reference for more details on wiki-specific features.

Step 11 — Add Inline Comments ​

Inline comments let team members leave feedback on specific parts of a page without editing the content.

  1. Select a passage of text in the page.
  2. Click the Comment button that appears in the floating toolbar (or press the keyboard shortcut).
  3. Type your comment and submit it.
  4. The commented text is highlighted. Other members can reply to or resolve the comment.

This is especially useful during review workflows where multiple people need to provide feedback before a page is finalized.

Step 12 — Publish a Page ​

Publishing makes a page accessible outside your workspace — useful for public-facing documentation, release notes, or help articles.

  1. Open the page you want to publish.
  2. Click the three-dot menu and select Publish.
  3. Configure publishing options (public URL slug, SEO metadata if available).
  4. Click Publish to make the page live.

Published pages can be unpublished at any time by returning to the same menu and toggling the setting off.

TIP

Use the Version History feature to review and restore previous versions of a page before publishing. This ensures you are publishing the intended content.

Summary ​

You now know how to create pages, format content with the rich text editor, use slash commands for fast insertion, add tables, code blocks, images, and diagrams, organize pages with nesting and wiki mode, collaborate with inline comments, and publish pages externally. Pages are a powerful way to keep your team's knowledge close to the work it supports.