Show Menu
トピック×

PDF ビューアコンポーネント

コアコンポーネントの PDF ビューアコンポーネントを使用すると、ページに PDF ドキュメントを含めることができます。

使用方法

コアコンポーネント PDF ビューアコンポーネントは、アセットとして保存された PDF ファイルをページに表示するビューアを埋め込みます。

バージョンと互換性

このドキュメントでは、PDF ビューアコンポーネントの現在のバージョン(2020 年 6 月にコアコンポーネントのリリース 2.10.0 で導入された v1)について説明します。
コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。
コンポーネントのバージョン
AEM 6.4
AEM 6.5
AEM as a Cloud Service
v1
互換性あり
互換性あり
互換性あり
コアコンポーネントのバージョンとリリースについて詳しくは、 コアコンポーネントのバージョン を参照してください。

コンポーネント出力のサンプル

PDF ビューアコンポーネントを実際に体験し、その設定オプションや HTML および JSON 出力の例を確認するには、 コンポーネントライブラリ を参照してください。

技術的詳細

PDF ビューアコンポーネントに関する最新の技術ドキュメントについては、 GitHub を参照してください。
コアコンポーネントの開発について詳しくは、 コアコンポーネント開発者向けドキュメント を参照してください。
PDF Viewerコンポーネントは、 AdobeのドキュメントサービスAPIを利用します 。これらのサービスを使用するには、管理者が Slingのコンテキスト対応設定とコアコンポーネント コンテキスト対応設定を行う必要があります。 この設定の 詳細については、コンポーネントの技術ドキュメントを参照してください。

設定ダイアログ

設定ダイアログでは、ビューアそのものと、ページの訪問者に対するビューアの動作および表示をコンテンツ作成者が定義できます。

「設定」タブ

「設定」タブでは、作成者は表示する PDF を定義できます。パスは、AEM 内のアセットとして定義することも、別のリソースへの絶対パスとして定義することもできます。

「カスタマイズ」タブ

「カスタマイズ」タブでは、作成者はビューアで閲覧者が使用できるオプションと、ビューアの表示方法を定義できます。
使用できるオプションの数は、選択した「 タイプ 」によって異なります。
  • フルウィンドウ - 表示領域がブラウザー全体にレンダリングされます。これは、ストレージおよび生産性アプリケーションに最適です。
  • サイズコンテナ - 表示領域がブラウザー全体に表示されます。これは、ストレージおよび生産性アプリケーションに最適です。
  • インライン - すべての PDF ページが Web ページの行内にレンダリングされます。これは、閲覧用アプリケーションに最適です。

フルウィンドウ

表示領域がブラウザー全体にレンダリングされます。これは、ストレージおよび生産性アプリケーションに最適です。
  • デフォルトの表示モード - ページに合わせたビューアの表示方法
    • 全体表示
    • 幅に合わせる
  • フルスクリーン - 有効にすると、ビューアはビューポートの高さと幅を最大にします。
  • 注釈ツール - 有効にすると、注釈ツールを使用できます。
  • 左側のパネル - 有効にすると、左側のパネルが表示されます。
  • PDF のダウンロード - 有効にすると、「ダウンロード」ボタンが表示されます。
  • PDF の印刷 - 有効にすると、「印刷」ボタンが表示されます。
  • ページコントロール - ページコントロールの動作を切り替えます。
    • ドック
    • ドック解除

サイズコンテナ

表示領域がブラウザー全体にレンダリングされます。これは、ストレージおよび生産性アプリケーションに最適です。
  • フルスクリーン - 有効にすると、ビューアはビューポートの高さと幅を最大にします。
  • PDF のダウンロード - 有効にすると、「ダウンロード」ボタンが表示されます。
  • PDF の印刷 - 有効にすると、「印刷」ボタンが表示されます。
  • ページコントロール - ページコントロールの動作を切り替えます。
    • ドック
    • ドック解除

インライン

すべての PDF ページが Web ページの行内にレンダリングされます。これは、閲覧用アプリケーションに最適です。
  • PDF のダウンロード - 有効にすると、「ダウンロード」ボタンが表示されます。
  • PDF の印刷 - 有効にすると、「印刷」ボタンが表示されます。

デザインダイアログ

PDF ビューアコンポーネントにはデザインダイアログはありません。