Embedding JS sandbox in quarto/reveal presentation?

[jleonard99]

I'm preparing lectures for a UI/UX class. I would like to embed a live code windows in my Quarto/Reveal presentation so that I can demonstrate live code WITHIN the presentation, without having to open an alternate window.. A nice toolkit already exists: https://sandpack.codesandbox.io/docs.
Has anyone tried embedding JS code examples and output within a reveal presentation slide?
Thanks in advance!

[jleonard99]

I thought it was more complicated, requiring "include-header-before" and all that stuff. NOPE. For my lecture use case, it's a simple cut/paste from the sandbox site.

• Embedding: https://codesandbox.io/docs/learn/sandboxes/embedding
• Creating your own template code: https://codesandbox.io/docs/learn/sandboxes/templates

A simple paste of an <IFRAME> automatically generated on the codesandbox site into the QMD file is all it takes.