Embed Slides

On this page, we show how we can embed a RevealJS Presentation inside of a Quarto Website.

Presentation

Important

For quarto-webr to work within RevealJS, you must use a pre-release version of Quarto that is 1.4.502 or greater that contains an updated copy of pandoc. For more details, please see Issue #14.

Embed Code

Place the following code inside of the Quarto Document:

<style>
.slide-deck {
    border: 3px solid #dee2e6;
    width: 100%;
    height: 475px;
}
</style>

<div>
```{=html}
<iframe class="slide-deck" src="path/to/presentation/"></iframe>
```
</div>