PDF Viewer plugin

Need help Plugins
24

But I have put my own client ID. Could you show me your implementation how you have put it in the HTML element.

25

Here is the full implementation, all this just pasted into the HTML element.

<html>
<head>
 <title>CV Preview</title>
 <meta charset="utf-8"/>
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
 <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1"/>
</head>
<body style="margin: 0px">
 <div id="adobe-dc-view"></div>
 <script src="https://acrobatservices.adobe.com/view-sdk/viewer.js"></script>
 <script type="text/javascript">
    document.addEventListener("adobe_dc_view_sdk.ready", function()
    {
        var adobeDCView = new AdobeDC.View({clientId: "**YOUR_CLIENT_ID_HERE**", divId: "adobe-dc-view"});
        adobeDCView.previewFile(
       {
          content:   {location: {url: "**YOUR_URL_HERE**"}},
          metaData: {fileName: "**YOUR_FILE_NAME_HERE**", hasReadOnlyAccess: "True"}
       });
    });
 </script>
</body>
26

Have you put this entire code inside the HTML element of bubble.io. Because when I am doing that, it shows blank.

When I am putting the code that is there within the body ie div and script, it loads and shows the pdf and the viewer for fraction of second and then disappears( both the pdf and the viewer disappear)

27

Likewise, it flickers for a second then disappears.

28

Trying to use the adobe embed API.
Having difficulty linking to the files in the html element.
Can someone help? Have an example?
Thanks
Here is where I am.

Screenshot 2024-10-09 175436
Screenshot 2024-10-09 175436729×403 51.7 KB

29

What you are possibly missing is registering with Adobe (it’s free) to use the embed SDK.

There are instructions on this plug-in page of how to do that - you can likely just paste the code and a viewer will work but you need to register with Adobe.

https://pdf-annotations-adobe.bubbleapps.io/version-test
has instructions on how to setup and register with Adobe here (you don’t need to use the plugin, but it has a lot of helpful setup advice)

This plugin is also for annotating pdfs, saving the pdf files to Bubble and viewing - using the Adobe embed SDK…

1 Like
30

Hi @honara.io ,

I also use PDF Viewer, but I’m having problems with CORS as well. Have you found any solutions for this?