ブログ記事でPDF表示したく ソースに以下を記入したがPCは良いがスマホではダウンロードになってしまいます。良い方法はないでしょうか?
ご教授願います。
追記
basercms ではなく普通のhtmlのページで pdfjs を使ってやるとうまく表示されるが basercms ではファイルの置き場所等解らず です。
【環境情報】
・baserCMSのバージョン:(例)4.5.4
・レンタルサーバー名:JSN
・使用テーマ:omotenashi_2
・PHPスキル(自己評価): E
ブログ記事でPDF表示したく ソースに以下を記入したがPCは良いがスマホではダウンロードになってしまいます。良い方法はないでしょうか?
ご教授願います。
追記
basercms ではなく普通のhtmlのページで pdfjs を使ってやるとうまく表示されるが basercms ではファイルの置き場所等解らず です。
【環境情報】
・baserCMSのバージョン:(例)4.5.4
・レンタルサーバー名:JSN
・使用テーマ:omotenashi_2
・PHPスキル(自己評価): E
タグを記します。うまく表示できない
div class=“embed-responsive embed-responsive-1by1”>
iframe class=“embed-responsive-item” height=“600” src=“https://(ファイル格納場所)/**.pdf” width=“100%”>
/iframe>
この記事を参考にされてはどうでしょうか。
設置場所は、この記事を参考にされてはどうでしょうか?
参考記事のご提示ありがとうございます。
テーマ(omotenashi2)の中に入れてみましたが
<p>
<a href="https://*******/theme/omotenashi2/pdfjs/web/viewer.html?file=https://*******/theme/omotenashi2/pdf/h5s.pdf">
<img src="https://********/pdf/pdf.png" />
</a>
</p>
PCでも表示できませんでした。
なので、試しに固定ページに入れてみたら希望の通りに表示できました。(PCスマホ共に)
ブログ記事の中に表示するのは無理なんでしょうか??
ルートが通っていたら、ブログ、固定ページに差異はないと思うんですが、試していないのでなんとも。。。
ちなみに、以下の固定ページとおっしゃっているのは、baserCMSのコンテンツとしての「固定ページ」という理解であっていますでしょうか?
はい、その通りです。
ありがとうございます。
なるほど。
ちなみに問題なく表示できた固定ページのコードは、どのようなものでしょうか?
先のコードと全く同じです。
これでしょうか?
そうです。ソースから入力しました。試しなので
であれば、ブログで利用されているレイアウトファイルか何かで、標準的に利用されている(固定ページで利用している)レイアウトファイルとは違う条件があるということになりますね。
例えば、干渉する可能性のあるようなjsがブログ用のレイアウトファイルか何かでは、読み込まれているといったような。。。
そこは、ヒットアンドエラーで地道にチェックするしかないのではないでしょうか。
いずれにしても、固定ページでPDF.jsによるプレビューが成立しているのであれば、そう難しい問題ではないのではないかと。
ありがとうございます。
地道にですね しばらくの間、検討してみます。
解決できたので記します。
なんてことはない インラインフレームで希望通りに表示できました。(PC&スマホで)
<p>
<iframe height="700" src="https://*******/theme/omotenashi2/pdfjs/web/viewer.html?file=https://*******/theme/omotenashi2/pdf/h5s.pdf" width="100%">
</iframe>
</p>
これで解決とします。
ありがとうございました。