Question 1

Why does Decktape crash with 'Cannot read properties of null (reading \'removeChild\')' when exporting reveal.js v6 slides to PDF?

Accepted Answer

This is a known bug in reveal.js v6 where `clearMediaPlaybackErrors()` unconditionally calls `this.mediaPlayButton.remove()`, but if no media is present, `parentNode` is null, causing a `TypeError`. The fix (commit be6d7f8) adds a null check: `if (this.mediaPlayButton && this.mediaPlayButton.parentNode) this.mediaPlayButton.remove();`. Upgrade to the latest reveal.js version that includes this patch. As a temporary workaround, use an older reveal.js version or switch to an exporter like html2pdf-slides that walks the deck via the Reveal API instead of slide change events.

Question 2

Why are fragment comments like  ignored in @revealjs/react when using Vite 8 and React 19?

Accepted Answer

Upgrade @revealjs/react to version 0.2.1 or later. The package has been rebuilt with Vite 8, fixing the execution order of useLayoutEffect that caused fragment attributes to be applied too late. Alternative workaround: use reveal.js's native markdown plugin with data-element-attributes and bypass React hooks.

Question 3

Does reveal.js support Internet Explorer 8?

Accepted Answer

No, reveal.js no longer supports Internet Explorer 8. As of the discussion in issue #1303, the browser support documentation was updated to drop IE8. Users should use a modern browser (IE11+, Chrome, Firefox, etc.) to avoid issues like unscrollable pages and JavaScript errors.

Question 4

How to export a reveal.js presentation as a video (MP4/WebM)?

Accepted Answer

Reveal.js does not natively export to video and ccapture.js won't work because it relies on <canvas>, which Reveal.js does not use. The recommended workaround is to use a screen recording tool for your operating system (e.g., OBS Studio, macOS QuickTime, Windows Game Bar) to capture the presentation while it auto-plays.

Question 5

How to integrate reveal.js into an existing React project using npm?

Accepted Answer

After installing reveal.js via npm (`npm install reveal.js`), create a React component that initializes the presentation. Import Reveal and its styles in your component file, then use a `useEffect` hook to initialize it on a container div. For example: ```jsx import React, { useEffect, useRef } from 'react'; import Reveal from 'reveal.js'; import 'reveal.js/dist/reveal.css'; import 'reveal.js/dist/theme/black.css'; const Presentation = () => { const deckDivRef = useRef(null); useEffect(() => { if (deckDivRef.current) { const deck = new Reveal(deckDivRef.current, { embedded: true, // other config options }); deck.initialize(); return () => deck.destroy(); } }, []); return (

Slide 1

Slide 2

); }; export default Presentation; ``` Alternatively, use a community wrapper like `react-reveal-slides` if available. You don't need extra HTML files; embed the slides directly in JSX.

reveal.js

Core Features

What It Can't Do

Use Cases

Tags

Getting Started

Similar Projects