# PDF ファイルを Garoon の HTML ポートレットに表示しよう で Garoonファイル管理内のPDFを表示したい

**URL:** <https://community.cybozu.dev/t/topic/5379>\
**Category:** Garoon カスタマイズ\
**Created:** [2021 年 10 月 19 日午前 1:14 UTC](https://community.cybozu.dev/t/topic/5379 "2021-10-19T01:14:08Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2893](https://avatars.discourse-cdn.com/v4/letter/l/a88e57/32.png) [@Legacy\_Account2893](https://community.cybozu.dev/u/Legacy_Account2893)\
**Post date:** [2021 年 10 月 19 日午前 1:14 UTC](https://community.cybozu.dev/t/topic/5379/1 "2021-10-19T01:14:08Z")

</div>

PDF ファイルを Garoon の HTML ポートレットに表示しように沿って、Garoon ファイル管理内のPDFファイルを直接表示したいのですが、リンクのコピーがうまくいっていないのか、表示しません。Garoonファイル管理内のPDFファイルのリンクの取得方法、PDFファイルを直接開く方法が知りたいです。

下記はリンクしたURLです。

(function () {

&nbsp; ‘use strict’;

&nbsp;

&nbsp; var currentPage = 1;

&nbsp; var url = ‘[https://h02m9v7uguh4.cybozu.com/](https://h02m9v7uguh4.cybozu.com/) **g/cabinet/download.csp/-/snt\_organization.pdf**?hid=9&fid=30&ticket=&time=1634522832&.pdf’; // ★1で取得したURLを記載する

&nbsp; var pdfDoc;

&nbsp; var pdfjsLib = window[‘pdfjs-dist/build/pdf’];

&nbsp; pdfjsLib.GlobalWorkerOptions.workerSrc = ‘[https://h02m9v7uguh4.cybozu.com/g](https://h02m9v7uguh4.cybozu.com/g) **/cabinet/download.csp/-/pdf.worker.js**?hid=11&fid=29&ticket=&time=1634516311&.js’; // ★2で取得したURLを記載する

&nbsp; pdfjsLib.getDocument(url).promise.then(function (pdf) {

&nbsp; &nbsp; pdfDoc = pdf;

&nbsp; &nbsp; renderPage(pdfDoc);

&nbsp; });

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2893](https://avatars.discourse-cdn.com/v4/letter/l/a88e57/32.png) [@Legacy\_Account2893](https://community.cybozu.dev/u/Legacy_Account2893)\
**Post date:** [2021 年 11 月 11 日午後 11:00 UTC](https://community.cybozu.dev/t/topic/5379/2 "2021-11-11T23:00:42Z")

</div>

viewerPDF.jpを見直した結果、記載ミスが判明し、修正の結果、表示できるようになりました。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2911](https://avatars.discourse-cdn.com/v4/letter/l/e47c2d/32.png) [@Legacy\_Account2911](https://community.cybozu.dev/u/Legacy_Account2911)\
**Post date:** [2021 年 11 月 29 日午前 5:05 UTC](https://community.cybozu.dev/t/topic/5379/3 "2021-11-29T05:05:44Z")

</div>

荒川様  
私も同じ状況に陥っており、PDFが表示できず困っています。  
viewerPDF.jsの修正箇所を共有いただけますと幸いです。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2893](https://avatars.discourse-cdn.com/v4/letter/l/a88e57/32.png) [@Legacy\_Account2893](https://community.cybozu.dev/u/Legacy_Account2893)\
**Post date:** [2021 年 11 月 29 日午前 8:18 UTC](https://community.cybozu.dev/t/topic/5379/4 "2021-11-29T08:18:49Z")

</div>

河野さん

viewPDF.jsをサンプルに忠実に作成してみてください。私は、作成する際、途中に間違ったコメットを入れていたため、

最初動作しませんでした。サンプルの記載を忠実に再現して、リンク部分を河野さんのものに書き換えればOKと思います。

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2911](https://avatars.discourse-cdn.com/v4/letter/l/e47c2d/32.png) [@Legacy\_Account2911](https://community.cybozu.dev/u/Legacy_Account2911)\
**Post date:** [2021 年 11 月 29 日午後 11:55 UTC](https://community.cybozu.dev/t/topic/5379/5 "2021-11-29T23:55:02Z")

</div>

荒川様  
コメントありがとうございます。  
色々と注視して確認したところ「JavaScript / CSSによるカスタマイズ」画面の設定場所を間違えていました。  
※「HTMLポートレットメニュー」配下ではなく、「基本システムの管理」タブ配下から設定していました汗

コメントをいただき、一度冷静になることで無事実装することができました。  
この度は誠にありがとうございました。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account137](https://avatars.discourse-cdn.com/v4/letter/l/54ee81/32.png) [@Legacy\_Account137](https://community.cybozu.dev/u/Legacy_Account137)\
**Post date:** [2022 年 11 月 17 日午前 10:39 UTC](https://community.cybozu.dev/t/topic/5379/6 "2022-11-17T10:39:46Z")

</div>

[荒川薫](https://community.cybozu.dev/hc/ja/profiles/903233223343-%E8%8D%92%E5%B7%9D%E8%96%AB) さんの現象は恐らく、PDF.jsとviewPDF.jsの順番が入れ替わっているときに起きるものです。

画像通りに設置すれば動作すると思います。

&nbsp;

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2024 年 1 月 16 日午前 4:58 UTC](https://community.cybozu.dev/t/topic/5379/7 "2024-01-16T04:58:38Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
