iframe

An loading a nested asset document. <a href=https://gitlab.com/c0va23/pdf-server/-/tree/master/examples/templates/iframe rel=external>Browse this template in the repository →</a> The PDFs below are rendered live by PDF Server from the shipped examples. <h3 id=default>default</h3> <figure class=pdf-embed><object class=pdf-embed__object data=/gallery/pdf/iframe-default.pdf height=520 type=application/pdf width=100%><div class=pdf-embed__fallback>Your browser can’t display this PDF inline.<a download href=/gallery/pdf/iframe-default.pdf>Download the PDF</a> — iframe / default.</div></object><figcaption class=pdf-embed__caption>iframe / default — <a download href=/gallery/pdf/iframe-default.pdf>Download PDF</a></figcaption></figure> <h2 id=inputs>Inputs</h2> <h3 id=render-data>Render data</h3> default <pre class="giallo z-code"><code data-lang=json>{}</code></pre><h2 id=template>Template</h2> <code>template.html</code> <pre class="giallo z-code"><code data-lang=html><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <h1>Template with iframe</h1> <iframe src="assets/embedded.html"></iframe> </body> </html></code></pre><h2 id=assets>Assets</h2> <code>assets/embedded.html</code> <pre class="giallo z-code"><code data-lang=html><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> I am embedded in an iframe. </body> </html></code></pre> <footer class="footer text-muted"><div class=container><div class=row><div class="col-lg-8 order-last order-lg-first"><ul class=list-inline><li class=list-inline-item>MIT-licensed. Need a feature or commercial support? <a data-e="cGRmQGMwdmEyMy5kZXY=" onclick="this.href='mailto:'+atob(this.dataset.e);" class=protected-email href=#>contact</a></ul></div><div class="col-lg-8 order-first order-lg-last text-lg-end"><ul class=list-inline><li class=list-inline-item><a href=https://pdf.c0va23.dev/docs/getting-started/overview/>Docs</a><li class=list-inline-item><a href=https://pdf.c0va23.dev/docs/operations/security-model/>Security</a><li class=list-inline-item><a href=https://pdf.c0va23.dev/llms.txt>llms.txt</a></ul></div></div></div></footer> <style>.mermaid{text-align:center;margin:1.75rem 0;overflow-x:auto}.mermaid svg{width:100%;height:auto;max-width:100%!important}</style> <script>(function () { var blocks = document.querySelectorAll('code[data-lang="mermaid"], code.language-mermaid'); if (!blocks.length) return; blocks.forEach(function (code) { var div = document.createElement('div'); div.className = 'mermaid'; div.textContent = code.textContent; (code.closest('pre') || code).replaceWith(div); }); var s = document.createElement('script'); s.src = "https://pdf.c0va23.dev/js/mermaid.min.js"; s.onload = function () { try { var dark = matchMedia('(prefers-color-scheme: dark)').matches; mermaid.initialize({ startOnLoad: false, theme: dark ? 'dark' : 'neutral', securityLevel: 'strict' }); mermaid.run(); } catch (e) { console.error('mermaid', e); } }; document.head.appendChild(s); })();</script> <script>(function () { if (!navigator.clipboard) return; var pres = document.querySelectorAll('pre.z-code'); pres.forEach(function (pre) { var code = pre.querySelector('code'); if (!code || code.getAttribute('data-lang') === 'mermaid') return; var wrap = document.createElement('div'); wrap.className = 'code-copy-wrap'; pre.parentNode.insertBefore(wrap, pre); wrap.appendChild(pre); var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'copy-btn'; btn.textContent = 'Copy'; btn.setAttribute('aria-label', 'Copy code to clipboard'); wrap.appendChild(btn); btn.addEventListener('click', function () { navigator.clipboard.writeText(code.innerText.replace(/\n+$/, '')).then(function () { btn.textContent = 'Copied!'; btn.classList.add('copied'); setTimeout(function () { btn.textContent = 'Copy'; btn.classList.remove('copied'); }, 1200); }); }); }); })();</script> <script defer src=https://pdf.c0va23.dev/js/main.js></script> <script>window.SEARCH_INDEX_URL = "https://pdf.c0va23.dev/search_index.en.json";</script> <script defer src=https://pdf.c0va23.dev/js/fuse.min.js></script> <script defer src=https://pdf.c0va23.dev/js/search.js></script>