# BubbleでPDFを参照するときに、PDF内で虫眼鏡マークとしおりマークをつける。さらに、検索機能としおり保存機能をつけたい

**URL:** https://www.nocode-faq.com/t/topic/2221
**Category:** bubble
**Created:** [2021 年 9 月 29 日午前 3:30 UTC](https://www.nocode-faq.com/t/topic/2221 "2021-09-29T03:30:54Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![gengtaisongben629](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/gengtaisongben629/32/3706_2.png) [@gengtaisongben629](https://www.nocode-faq.com/u/gengtaisongben629)
#### Post date: [2021 年 9 月 29 日午前 3:30 UTC](https://www.nocode-faq.com/t/topic/2221/1 "2021-09-29T03:30:54Z")

</div>

つけたい機能  
→Bubbleで外部PDFを参照するときに、PDF内に虫眼鏡マークとしおりマークをつける。さらに、検索機能としおり保存機能をつけたい。  
それと、しおりで保存したものは、Bubble内にあるマイページにお気に入りとして保存される

スクリーンショット

 ![iOS の画像](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/37023fab15d5db2330a9f4f4f919625bf4512874.jpeg)

考えた事  
Bubble iframeでPDFのリンクを取得して、Bubble内のHTMLエレメントに貼りるける。

（調べたURL/参考になりそうな事例）

> **[コードをコピペするだけの簡単実装！iframeの使い方｜あぽと≪NoCodeエンジニア≫｜note](https://note.com/apopopo/n/n7175da1e9d58)**
>
> 以前、BubbleのAPIについて語るイベントに登壇させていただいた時 その実装難易度の高さが課題となっていました。   
> その解決策として出た話で僕が注目したのが、iframeです。 ご存じの方も多いと思いますが、その有用性について解説してみます。 iframeとは iframeは、Inline Frameの略です。 文書内に場所（フレーム）を設け、そこにさらに別の文書などのコンテンツを入れて配置できるタグのことを指します。 ＜IFRAME＞～＜/IFRAME＞...

---

<div class="post-metadata">

### Author: ![NoCodeNinja](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/nocodeninja/32/2115_2.png) [@NoCodeNinja](https://www.nocode-faq.com/u/NoCodeNinja)
#### Post date: [2021 年 9 月 29 日午後 6:05 UTC](https://www.nocode-faq.com/t/topic/2221/2 "2021-09-29T18:05:36Z")

</div>

これは結構難しい話かなぁと思いますね・・。  
必要機能を入れたPDFビューアー的なプラグインを1から作る必要があるのではと。  
もしくはPDFのテキスト含め内容を読み込んでBubbleのElementに落とし込むプラグインを開発  
→Bubble側でしおり機能検索機能を実装、など。。（可能かどうか定かではありませんが）

いずれにせよ、プラグイン作成が必須ではないでしょうか。

---

<div class="post-metadata">

### Author: ![gengtaisongben629](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/gengtaisongben629/32/3706_2.png) [@gengtaisongben629](https://www.nocode-faq.com/u/gengtaisongben629)
#### Post date: [2021 年 9 月 30 日午前 5:15 UTC](https://www.nocode-faq.com/t/topic/2221/3 "2021-09-30T05:15:57Z")

</div>

そうなんですね〜わかりました！  
ありがとうございます！
