This is a post that contains slides with interactive code on a Quarto Blog through the quarto-webr
extension. The configuration setup for the quarto-webr
extension is taken care of in the _quarto.yml
file to avoid needing to re-specify options multiple times.
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>