{"id":14128,"date":"2019-11-07T16:06:10","date_gmt":"2019-11-07T16:06:10","guid":{"rendered":"http:\/\/www.wjst.de\/blog\/?p=14128"},"modified":"2019-11-25T10:35:36","modified_gmt":"2019-11-25T10:35:36","slug":"print-your-reveal-js-presentation","status":"publish","type":"post","link":"https:\/\/www.wjst.de\/blog\/sciencesurf\/2019\/11\/print-your-reveal-js-presentation\/","title":{"rendered":"Print your reveal.js presentation"},"content":{"rendered":"<p>I like the <a href=\"https:\/\/revealjs.com\/#\/\">reveal.js<\/a> framework for slide presentation, while I have even written a remote control for it.<br \/>\nReveal allows branching of your slide presentation, has some zoom capability and can include external websites with interactive and dynamic plots. Best of all, the display is really full-frame when displayed with Chrome.<br \/>\nMaybe it is important to note, that I still produce slides in Keynote but export them into a directory that serves as a repository for building the final reveal presentation.<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n&lt;div class=&quot;reveal&quot;&gt;\r\n  &lt;div class=&quot;slides&quot;&gt;\r\n&lt;?\r\n$files = glob($dir . '\/*');\r\nfor ($i = 1; $i&lt;= count($files); $i++) {\r\n  echo '&lt;section data-background-image=&quot;' . $i . '&quot;\/&gt;&lt;span&gt;&lt;\/span&gt;&lt;\/section&gt;';\r\n}\r\n?&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n\r\n<\/pre>\n<p>Printing the final presentation isn&#8217;t straightforward as the built-in mechanism did not work for me with dynamic slides although they already exist:<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\nReveal.addEventListener( 'slidechanged', function(e) {\r\n  createChart();\r\n});\r\n<\/pre>\n<p>The only solution that worked for me is <a href=\"https:\/\/github.com\/astefanutti\/decktape\">decktape<\/a> which produces a valid PDF<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\nbrew install node\r\nnpm install -g decktape\r\ndecktape -s 1280x720 reveal http:\/\/myserver\/reveal.php reveal.pdf\r\n<\/pre>\n\n<p>&nbsp;<\/p>\n<div class=\"bottom-note\">\n  <span class=\"mod1\">CC-BY-NC Science Surf , accessed 04.04.2026<\/span>\n <\/div>","protected":false},"excerpt":{"rendered":"<p>I like the reveal.js framework for slide presentation, while I have even written a remote control for it. Reveal allows branching of your slide presentation, has some zoom capability and can include external websites with interactive and dynamic plots. Best of all, the display is really full-frame when displayed with Chrome. Maybe it is important &hellip; <a href=\"https:\/\/www.wjst.de\/blog\/sciencesurf\/2019\/11\/print-your-reveal-js-presentation\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Print your reveal.js presentation<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[3301],"class_list":["post-14128","post","type-post","status-publish","format-standard","hentry","category-computer-software","tag-reveal-js"],"_links":{"self":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts\/14128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/comments?post=14128"}],"version-history":[{"count":15,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts\/14128\/revisions"}],"predecessor-version":[{"id":14426,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts\/14128\/revisions\/14426"}],"wp:attachment":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/media?parent=14128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/categories?post=14128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/tags?post=14128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}