Copy link to clipboard
Copied
Hi there,
When I cut and paste the html code from the Demo Site and embed this into my Weebly website, it doesn't work at all.
I have tried to embed the basic Bodeo Brochure sample html code you have on the Demo site (see below):
<div id="adobe-dc-view"></div> <script src="https://documentcloud.adobe.com/view-sdk/main.js"></script> <script type="text/javascript"> document.addEventListener("adobe_dc_view_sdk.ready", function(){ var adobeDCView = new AdobeDC.View({clientId: "<YOUR_CLIENT_ID>", divId: "adobe-dc-view"}); adobeDCView.previewFile({ content:{location: {url: "https://documentcloud.adobe.com/view-sdk-demo/PDFs/Bodea Brochure.pdf"}}, metaData:{fileName: "Bodea Brochure.pdf"} }, {}); }); </script>
This didn't work. I then included my Client ID in between the " " marks, and pointed to a Google Drive url pdf document, and changed the fileName in the html as instructed. This didn't work either. I thought pointing to Google Drive might be the problem. So I pointed the url to a basic uploaded pdf url. This didn't work as well.
In all cases, when I embed the html code onto the Weebly website, it shows a 1 cm high white box, with an occasional blue rotating circle, that looks like its going into cardiac arrest, trying to upload the document, but never does.
In searching on the web, I could also find virtually no help regarding this product, and no specfic clear and simple instructions on Adobe on how to use this product. A Youtube video demonstrating how to use this would have been a great help ... but again there was nothing.
If any Abode professionals have any suggestions or help I would really appreciate it. Many thanks ...
Copy link to clipboard
Copied
Hi Maitreya,
Thanks for choosing Adobe View SDK, I’d love to help you out with this. That definitely shouldn’t be happening, I need a little more information to understand what’s going on. Could you please share a screenshot of the webpage(with console) or a hosted website (development) that would be amazing if possible?
Once we’ve got that information from you, we can take a closer look.
Copy link to clipboard
Copied
Copy link to clipboard
Copied
Hello, I have a similar issue embedding the Adobe PDF embed API code in Weebly. In my case the error message that appears is "This application domain (xxx) is not authorized to use the provided PDF Embed API Client ID." I have tried with the Bodeo Brochure sample, as well as with PDF documents I uploaded to Google Drive and Weebly. I'm attaching a screenshot with console, hope this is what you need to figure out the problem. Thanks!
The code I posted (including my Client ID) was:
<div id="adobe-dc-view" style="height: 360px; width: 500px;"></div>
<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
<script type="text/javascript">
document.addEventListener("adobe_dc_view_sdk.ready", function(){
var adobeDCView = new AdobeDC.View({clientId: "<YOUR_CLIENT_ID>", divId: "adobe-dc-view"});
adobeDCView.previewFile({
content:{location: {url: "https://documentcloud.adobe.com/view-sdk-demo/PDFs/Bodea Brochure.pdf"}},
metaData:{fileName: "Bodea Brochure.pdf"}
}, {embedMode: "SIZED_CONTAINER", showDownloadPDF: false, showPrintPDF: false});
});
</script>