web-dev-qa-db-ja.com

reveal.jsのPDFへの印刷は最初のスライドのみを印刷しますか？

repo readme に記載されているように、reveal.jsのpdfエクスポートオプションを使用しようとしています。

私は次の問題を抱えています：

  • chrome印刷ウィンドウにレイアウト（横向きと縦向き）のオプションが表示されません
  • 印刷は最初のスライドのみを印刷します

私が何を間違えたのか、それをトラブルシューティングする方法がわかりません。この サンプルファイル でGithub（sha：131c00689a4c7a18e5c991fc8102347e4594b5d4）の最新バージョンのreveal.jscssなどを使用しています。

Ubuntu14.04でGoogleChromeバージョン34.0.1847.132を使用しています

javascriptcssgoogle-chromereveal.js
17
cboettig

  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 URLの末尾まで。例：変化する .../index.html#から.../index.html?print-pdf#

31
William Zhang

スライドを使用してプレゼンテーションを作成し、HTMLでエクスポートしましたが、WilliamZhanfソリューションはまったく機能しません。すべてのスライドをオーバーレイしました。これが私が解決した方法です：

  1. here からpdf.cssをダウンロードし、htmlファイルと同じフォルダーに配置します。
  2. </body>タグの前にWilliamZhanfスニペットを貼り付けます（cssファイルへのパスが変更されています）。
<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. 次に、同じ手順に従います。URLの末尾に?print-pdfを追加し、ChromeからPDF）として出力します。
8
Fred K