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

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

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

(function () {

  ‘use strict’;

 

  var currentPage = 1;

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

  var pdfDoc;

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

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

  pdfjsLib.getDocument(url).promise.then(function (pdf) {

    pdfDoc = pdf;

    renderPage(pdfDoc);

  });

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

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

河野さん

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

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

 

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

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

荒川薫 さんの現象は恐らく、PDF.jsとviewPDF.jsの順番が入れ替わっているときに起きるものです。

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

 

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