Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

HackMD presentations with fade transition do not render

See original GitHub issue

I tried to export a Reveal.js presentation from hackmd, but I got a PDF with only black pages. I couldn’t reproduce this with hackmd example presentation but with this presentation: https://hackmd.io/p/ByeVG31wl#/ (Markdown: https://hackmd.io/ByeVG31wl)

$> docker run -v `pwd`:/slides:rw,Z astefanutti/decktape https://hackmd.io/p/ByeVG31wl#/ slides.pdf
Loading page https://hackmd.io/p/ByeVG31wl#/ ...
Deprecation warning: value provided is not in a recognized ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-date/ for more info.
Arguments:
[0] _isAMomentObject: true, _isUTC: false, _useUTC: false, _l: undefined, _i: Wed Jan 25 2017 19:22:56 GMT+0000 (UTC), _f: undefined, _strict: undefined, _locale: [object Object]
undefined
Loading page finished with status: success
Reveal JS DeckTape plugin activated
Printing slide #/10     (22/22) ...
Printed 22 slides

The PDF contains 22 black pages.

Issue Analytics

State:
Created 7 years ago
Comments:6 (4 by maintainers)

Top GitHub Comments

1reaction

astefanutticommented, Jan 30, 2017

I suspect this is due to the HackMD CSS that gets added over Reveal CSS:

.reveal.fade {
    opacity: unset;
    -webkit-transition: unset;
    transition: unset;
}

And maybe other HackMD customisations to Reveal that, for some reasons, PhantomJS is not capable of rendering.

I don’t think there is much I’ll be able to do about it. I plan to rebase DeckTape on the latest 2.5 version of PhantomJS which brings better CSS3 support, among many other things. So chances are this issue is going to be fixed in the process.

0reactions

astefanutticommented, Aug 25, 2017

Should be fixed in version 2.0.1 that uses headless Chrome. Let me know if you still face this issue.

Top Results From Across the Web

Make Presentation Slides with HackMD

HackMD integrates reveal.js so we can easily make a deck of presentation slides within a markdown note. Here's a quick tutorial to get...

How to create a slide deck - HackMD

Slide Modes We can choose Slide Mode from the “Mode” dropdown (by default showing View Mode) in the sharing menu at top right...

VSCode Reveal intro - HackMD

This presentation will show you examples of what it can do. ... Different background transitions are available via the backgroundTransition option.

How to create a slide deck - HackMD

Is anyone reading the disqus comments? The "Slide Mode" menu drop down in "Sharing" doesn't always work for me. Is it only available...

Intro to HackMD Slides

What is hackmd? Collaborative; Markdown Render; Notes · Other Options? Google Slides, Powerpoint, Keynote. Not good with code; markdown · Basics. Syntax to...