> ## Documentation Index
> Fetch the complete documentation index at: https://docs.trilo.chat/llms.txt
> Use this file to discover all available pages before exploring further.

# Pages

> Create rich documents with powerful formatting and collaboration features

Pages are the foundation of your knowledge base. Use them for documentation, meeting notes, project wikis, guides, and any text-based content your team needs.

<Frame>
  <video autoPlay muted loop playsInline src="https://mintcdn.com/trilo/S2qvhQxQqW8JZ4YK/videos/knowledge_pagesquery.mp4?fit=max&auto=format&n=S2qvhQxQqW8JZ4YK&q=85&s=d83a432e6e4271cabcc95733061fdf2c" data-path="videos/knowledge_pagesquery.mp4" />
</Frame>

## Creating a Page

<Steps>
  <Step title="Navigate to Resources">
    Open a project and click on **Resources** in the navigation.
  </Step>

  <Step title="Click New">
    Click the **+ New** button in the top right.
  </Step>

  <Step title="Select Page">
    Choose **Page** from the dropdown menu.
  </Step>

  <Step title="Add a title">
    Enter a descriptive title for your page.
  </Step>
</Steps>

## The Editor

Trilo uses a powerful block-based editor that makes creating beautiful documents easy.

### Basic Formatting

Select text to access the formatting toolbar:

* **Bold**: `Cmd/Ctrl + B`
* **Italic**: `Cmd/Ctrl + I`
* **Underline**: `Cmd/Ctrl + U`
* **Strikethrough**: `Cmd/Ctrl + Shift + S`
* **Code**: `Cmd/Ctrl + E`
* **Link**: `Cmd/Ctrl + K`

### Slash Commands

Type `/` anywhere in your document to access the block menu. This lets you quickly insert:

| Command     | What it creates    |
| ----------- | ------------------ |
| `/h1`       | Heading 1          |
| `/h2`       | Heading 2          |
| `/h3`       | Heading 3          |
| `/bullet`   | Bullet list        |
| `/numbered` | Numbered list      |
| `/todo`     | Checkbox list      |
| `/quote`    | Block quote        |
| `/code`     | Code block         |
| `/divider`  | Horizontal divider |
| `/image`    | Image upload       |
| `/table`    | Table              |

### Block Types

#### Headings

Use headings to structure your document:

* **Heading 1**: Main sections
* **Heading 2**: Subsections
* **Heading 3**: Sub-subsections

<Tip>
  Well-structured headings make documents easier to scan and create a better table of contents.
</Tip>

#### Lists

Create organized content with lists:

* **Bullet lists**: For unordered items
* **Numbered lists**: For sequential steps or ranked items
* **Checklists**: For task lists and action items (check/uncheck with a click)

#### Code Blocks

Add syntax-highlighted code blocks:

1. Type `/code` or triple backticks (\`\`\`)
2. Select the programming language
3. Paste or type your code

Supported languages include JavaScript, Python, TypeScript, HTML, CSS, SQL, and many more.

#### Tables

Create tables for structured data:

1. Type `/table` to insert a table
2. Click cells to edit content
3. Use the column/row handles to add or remove rows and columns
4. Drag to reorder rows and columns

#### Images

Add images to your pages:

1. Type `/image` or drag and drop an image file
2. Click to upload from your computer
3. Resize images by dragging the corners
4. Add captions below images

### Embeds

Embed content from other services:

* **Videos**: YouTube, Vimeo, Loom
* **Design files**: Figma, Miro
* **Code**: GitHub Gists, CodePen
* **Other**: Google Docs, Notion pages, and more

Type `/embed` and paste the URL of the content you want to embed.

## Real-Time Collaboration

### Co-Editing

Multiple people can edit the same page simultaneously:

* See other editors' cursors in real-time
* Watch changes appear as they're made
* Avatars show who's currently viewing the page

### Presence Indicators

Look at the top of the page to see:

* Avatars of everyone currently viewing
* Color-coded cursors for each editor
* "X people viewing" indicator

## Page Settings

Click the **...** menu in the top right to access page settings:

### Rename

Change the page title at any time.

### Duplicate

Create a copy of the page with all its content.

### Archive

Move the page to the archive. Archived pages can be restored later.

### Delete

Permanently delete the page. This action cannot be undone.

## AI Features

### AI Writing Assistance

Get help writing content:

1. Select the text you want to improve
2. Click the AI icon or press `Cmd/Ctrl + J`
3. Choose an action:
   * **Improve writing**: Polish grammar and clarity
   * **Make shorter**: Condense the text
   * **Make longer**: Expand on the ideas
   * **Fix spelling**: Correct errors
   * **Change tone**: Adjust to professional, casual, or other tones

### AI Summary

For long documents, get an AI-generated summary:

1. Click the **Summary** button at the top of the page
2. Read the condensed overview of the document's key points

## Keyboard Shortcuts

| Action            | Shortcut               |
| ----------------- | ---------------------- |
| Bold              | `Cmd/Ctrl + B`         |
| Italic            | `Cmd/Ctrl + I`         |
| Underline         | `Cmd/Ctrl + U`         |
| Strike            | `Cmd/Ctrl + Shift + S` |
| Inline code       | `Cmd/Ctrl + E`         |
| Link              | `Cmd/Ctrl + K`         |
| Undo              | `Cmd/Ctrl + Z`         |
| Redo              | `Cmd/Ctrl + Shift + Z` |
| Insert slash menu | `/`                    |

## Best Practices

<AccordionGroup>
  <Accordion title="Use clear, descriptive titles">
    Good titles help team members find pages quickly. Include the topic and type of content (e.g., "Q1 Marketing Strategy" or "API Integration Guide").
  </Accordion>

  <Accordion title="Structure with headings">
    Break long documents into sections with headings. This improves readability and creates a scannable structure.
  </Accordion>

  <Accordion title="Keep pages focused">
    Each page should cover one topic or purpose. If a page grows too large, consider splitting it into multiple pages.
  </Accordion>

  <Accordion title="Link related pages">
    Create connections between related content by linking to other pages in your knowledge base.
  </Accordion>
</AccordionGroup>

## Page tabs

Organize related content within a single page using tabs. Think of them like tabs in a spreadsheet—one page, multiple sections.

* Add tabs with the **+** button at the bottom of the editor
* Each tab has independent content and editing
* Great for meeting notes, project phases, or documentation sections

<Card title="Learn about tabs" icon="table-columns" href="/knowledge-base/page-tabs">
  See how to create and manage page tabs.
</Card>

## Page history

Every change to a page is tracked. You can see who edited what, when, and roll back to any previous version.

* Click the **clock icon** in the toolbar to open history
* Preview any past version before restoring
* Roll back with a single click—nothing is ever lost

<Card title="Learn about history" icon="clock-rotate-left" href="/knowledge-base/page-history">
  See how to track changes and restore versions.
</Card>

## Next steps

<CardGroup cols={2}>
  <Card title="Page tabs" icon="table-columns" href="/knowledge-base/page-tabs">
    Organize content in multiple tabs.
  </Card>

  <Card title="Page history" icon="clock-rotate-left" href="/knowledge-base/page-history">
    Track changes and restore versions.
  </Card>

  <Card title="Spreadsheets" icon="table" href="/knowledge-base/spreadsheets">
    Learn about creating and managing spreadsheets.
  </Card>

  <Card title="Sharing" icon="share" href="/knowledge-base/sharing">
    Discover how to share pages with others.
  </Card>
</CardGroup>