Editable Extension for Quarto Revealjs

This Revealjs plugin allows the repositioning, resizing, and rotating of images and text divs directly in the previewed slides.

Try It Out

Click inside the embedded presentation below to interact with the editable elements:

Note

In this demo, the Save button will download a file. In your own projects with quarto preview, it will save changes directly back to your .qmd file.

Or open in a new tab for the full experience.

Key Features

  • Move elements by dragging them to reposition
  • Resize elements using corner handles (hold Shift to preserve aspect ratio)
  • Rotate elements using the orange circular handle (hold Shift to snap to 15° increments)
  • Rich text editing with formatting toolbar
  • Brand color support via Quarto’s _brand.yml
  • Keyboard navigation for accessibility
  • Undo/Redo support

Quick Start

Install the extension:

quarto add emilhvitfeldt/quarto-revealjs-editable

Add to your YAML header:

revealjs-plugins:
  - editable
filters:
  - editable

Mark elements as editable:

![](image.png){.editable}

::: {.editable}
some text here
:::

See the Getting Started guide for more details.

Demo