js → pdf
| live
frontend
instant preview
JavaScript logic
auto-render
// your JavaScript here — it must return a string (HTML) // the returned string will be rendered inside the preview. return ` <div style="background: #f8faff; padding: 1.5rem; border-radius: 24px; border: 1px solid #e9edf4;"> <h3 style="margin: 0 0 0.4rem 0; font-weight: 600;">⚡ JavaScript to PDF</h3> <p style="margin: 0.2rem 0; color: #334155;">This content was generated by JavaScript and is ready for PDF export.</p> <p style="margin: 0.4rem 0 0.2rem 0; font-size: 0.85rem; color: #4b5563;"> <i class="fas fa-clock" style="margin-right: 6px;"></i> last render: <span id="timeStamp">${new Date().toLocaleTimeString()}</span> </p> <div class="tag-group" style="margin-top: 0.8rem;"> <span class="tag">#dynamic</span> <span class="tag">#js</span> <span class="tag">#pdf</span> </div> </div> `;
preview
PDF
⏳ waiting for JS
Edit the JavaScript on the left. It will be evaluated and rendered here.
#ready
JavaScript returns HTML string → preview updates → PDF preserves output