{"id":14473,"date":"2019-11-27T10:20:09","date_gmt":"2019-11-27T10:20:09","guid":{"rendered":"http:\/\/www.wjst.de\/blog\/?p=14473"},"modified":"2019-11-27T17:01:00","modified_gmt":"2019-11-27T17:01:00","slug":"how-to-include-a-pdf-in-reveal-js","status":"publish","type":"post","link":"https:\/\/www.wjst.de\/blog\/sciencesurf\/2019\/11\/how-to-include-a-pdf-in-reveal-js\/","title":{"rendered":"How to include a PDF in reveal.js"},"content":{"rendered":"<p>Right now there is a lot of information out there <a href=\"https:\/\/www.wjst.de\/blog\/sciencesurf\/2019\/11\/print-your-reveal-js-presentation\/\">how to export a reveal presentation as PDF<\/a> but much less not how to include a PDF document. The most natural way would be some embed<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n&lt;section&gt;&lt;object data=&quot;test.pdf&quot; style=&quot;width:100%&quot;&gt;&lt;a href=&quot;test.pdf&quot;&gt;PDF laden&lt;\/a&gt;&lt;\/object&gt;&lt;section&gt;\r\n<\/pre>\n<p>looks strange, not full frame, no handlers<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n&lt;section data-background-iframe=&quot;test.pdf&quot; data-background-interactive&gt;&lt;\/section&gt;\r\n<\/pre>\n<p>works but cannot jump to a certain page and cannot style the background.<\/p>\n<p>So I am using now additionally the <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/pdf-viewer\/oemmndcbldboiebfnladdacbdfmadadm?hl=de\">Chrome plugin<\/a> that is based on <a href=\"http:\/\/mozilla.github.io\/pdf.js\">pdf.js<\/a>.<\/p>\n\n<p>&nbsp;<\/p>\n<div class=\"bottom-note\">\n  <span class=\"mod1\">CC-BY-NC Science Surf , accessed 27.04.2026<\/span>\n <\/div>","protected":false},"excerpt":{"rendered":"<p>Right now there is a lot of information out there how to export a reveal presentation as PDF but much less not how to include a PDF document. The most natural way would be some embed &lt;section&gt;&lt;object data=&quot;test.pdf&quot; style=&quot;width:100%&quot;&gt;&lt;a href=&quot;test.pdf&quot;&gt;PDF laden&lt;\/a&gt;&lt;\/object&gt;&lt;section&gt; looks strange, not full frame, no handlers &lt;section data-background-iframe=&quot;test.pdf&quot; data-background-interactive&gt;&lt;\/section&gt; works but cannot jump &hellip; <a href=\"https:\/\/www.wjst.de\/blog\/sciencesurf\/2019\/11\/how-to-include-a-pdf-in-reveal-js\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">How to include a PDF in reveal.js<\/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":[],"class_list":["post-14473","post","type-post","status-publish","format-standard","hentry","category-computer-software"],"_links":{"self":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts\/14473","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=14473"}],"version-history":[{"count":10,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts\/14473\/revisions"}],"predecessor-version":[{"id":14490,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/posts\/14473\/revisions\/14490"}],"wp:attachment":[{"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/media?parent=14473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/categories?post=14473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wjst.de\/blog\/wp-json\/wp\/v2\/tags?post=14473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}