reveal.js print to pdf只打印第一张幻灯片?

时间:2014-05-09 18:05:11

标签: javascript css google-chrome reveal.js

我正在尝试使用[{3}}中记录的reveal.js的pdf导出选项。

我有以下问题:

  • 我在Chrome打印窗口中看不到布局选项(横向与纵向)
  • 仅打印第一张幻灯片

不知道我做错了什么或如何排除故障。我在这个repo readme上使用了Github的最新版本的reveal.js css等(sha:131c00689a4c7a18e5c991fc8102347e4594b5d4)。

我在Ubuntu 14.04上使用Google-chrome版本34.0.1847.132

2 个答案:

答案 0 :(得分:30)

  1. 删除

    <link rel="stylesheet" media="print" href="reveal.js/css/print/pdf.css" />
    
  2. 添加

    <!-- If the query includes 'print-pdf', include the PDF print sheet -->
    <script>
      if( window.location.search.match( /print-pdf/gi ) ) {
        var link = document.createElement( 'link' );
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = 'reveal.js/css/print/pdf.css';
        document.getElementsByTagName( 'head' )[0].appendChild( link );
      }
    </script>
    
  3. ?print-pdf添加到网址末尾,例如将.../index.html#更改为.../index.html?print-pdf#

答案 1 :(得分:8)

我使用幻灯片进行了演示并将其导出为HTML,但对我而言,William Zhanf解决方案根本不起作用。我把所有的幻灯片叠加了。这就是我解决的问题:

  1. here下载pdf.css,并将其与html文件放在同一文件夹中。
  2. </body>标记之前粘贴William Zhanf代码段(更改了css文件的路径):
  3. <script>
      if( window.location.search.match( /print-pdf/gi ) ) {
        var link = document.createElement( 'link' );
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = 'pdf.css'; // Notice: I changed the path
        document.getElementsByTagName( 'head' )[0].appendChild( link );
      }
    </script>
    
    1. 然后按照相同的说明操作:将?print-pdf添加到网址末尾,然后从Chrome打印为PDF格式。