Call ACF field value inside Javascript script

• albertvisuals

• January 31, 2021 at 12:43 am

Hello I try to make the following script work. It should get the URL & Title Value from ACF fields.

<div id="adobe-dc-view" style="height: 800px; width: 800px;"></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: "<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"});
	});
</script>

The custom fields ID are:
File: “dokumente_datei” (return value is set to URL) => It should replace: “https://documentcloud.adobe.com/view-sdk-demo/PDFs/Bodea Brochure.pdf” of the Script.
Titel: “post-title” => should replace: “Bodea Brochure.pdf”

Any hints how can I made this work?

• John Huebner

• February 1, 2021 at 3:39 am

<div id="adobe-dc-view" style="height: 800px; width: 800px;"></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: "<CLIENT ID>", divId: "adobe-dc-view"});
		adobeDCView.previewFile({
			content:{location: {url: "<?php the_field('dokumente_datei'); ?>"}},
			metaData:{fileName: "<?php the_title(); ?>"}
		}, {embedMode: "SIZED_CONTAINER"});
	});
</script>

• albertvisuals

• February 1, 2021 at 7:27 am

Thanks very much for your help 🙂