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

# Edit Slides (HTML Format)

> Edit text, drag elements, resize, and format directly in HTML-format slides.

HTML-format slides are fully editable inside Runable. You can click on any text to edit it, drag elements to reposition them, and resize anything with handles. Changes auto-save as you work.

## Turn on edit mode

Click the **Edit** toggle button in the slide viewer. Edit mode activates and elements become interactive.

## What you can do

### Edit text

Click any text element on a slide. A cursor appears and you can type directly. A floating toolbar appears with formatting options: **Bold**, *Italic*, <u>Underline</u>, and ~~Strikethrough~~.

### Drag and reposition

Click and drag any element to move it to a new position on the slide.

### Resize elements

Select an element and 8 resize handles appear (corners and edges). Drag any handle to resize.

* Hold **Shift** while dragging to lock the aspect ratio.
* Images always preserve their aspect ratio when resized.

### Edit images

Click an image to select it. You can crop it by adjusting the visible area and drag to reframe what part of the image is shown.

### Keyboard shortcuts

| Shortcut               | Action                                     |
| ---------------------- | ------------------------------------------ |
| **Arrow keys**         | Move selected element by 1 pixel           |
| **Shift + Arrow keys** | Move selected element by 10 pixels         |
| **Delete / Backspace** | Remove selected element                    |
| **Enter**              | Start editing text on the selected element |
| **Escape**             | Deselect the current element               |

### Auto-save

Changes save automatically after 1 second of inactivity. You do not need to click a save button.

## Ask the agent to make changes

You can also ask the agent to edit specific slides instead of doing it manually.

<Prompt description="Ask the agent to restyle a specific slide">
  Redesign slide 5 to use a two-column layout. Put the market size data on the left as a bar chart and the key takeaways on the right as 3 bullet points. Keep the navy header.
</Prompt>

<Prompt description="Ask the agent to update data on a slide">
  On slide 3, change the Westside clinic lead count from 95 to 112 and add a row for the new Eastside location: $4,000 spend, 65 leads, $61.54 cost per lead.
</Prompt>

## What you cannot do

* You cannot add new elements (text boxes, images, shapes). You can only edit existing ones.
* You cannot change fonts or font sizes.
* You cannot change colors.
* You cannot add links to elements.
* You cannot copy or paste elements between slides.
* You cannot undo or redo edits (no Ctrl+Z support).
* You cannot zoom into individual slides.

<Tip>
  If you need changes that go beyond what manual editing supports (like adding new elements, changing fonts, or restructuring a layout), ask the agent in the chat. It can regenerate individual slides with your instructions.
</Tip>

## Next steps

<CardGroup cols={2}>
  <Card title="Edit slides (Image format)" icon="image" href="/edit-slides-image-format">
    Use text detection and mark & edit for image-format slides.
  </Card>

  <Card title="Export to PDF or PPTX" icon="download" href="/export-to-pdf-or-pptx">
    Download your finished presentation.
  </Card>
</CardGroup>