Formatting Your Page
A rendrd page is one HTML file. The closer it is to self-contained, the more reliably it renders.
Structure
A normal HTML document is all you need:
html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Q4 Report</title>
<style>/* your CSS */</style>
</head>
<body>
<!-- your content -->
<script>/* your JS */</script>
</body>
</html>Styling
- Inline
<style>works. - External stylesheets and web fonts load only from accepted hosts (jsDelivr, cdnjs, Google Fonts).
- The Tailwind Play CDN is accepted, so a Tailwind page renders as written.
JavaScript
- Inline
<script>runs as written. - External scripts load only from accepted CDNs (jsDelivr, cdnjs, unpkg, esm.sh).
- A page cannot make network calls at runtime (
fetch,XMLHttpRequestand WebSocket are blocked). Bake any data into the HTML rather than fetching it on load. Chart libraries work fine because the data is in the page.
Title, description and social image
rendrd reads your <title> and Open Graph tags (og:title, og:description, og:image) for previews. Set them in the <head>.
What is removed at publish
For everyone's safety, publishing strips:
- scripts, styles and iframes from hosts that are not on the accepted list;
<object>,<embed>, event-handler attributes andjavascript:URLs;- form fields that collect payment cards, CVV, bank or IBAN details, national IDs, passwords or crypto keys.
The full, always-current policy is on Accepted frameworks.