hi there! the best way you could try to print only some part of the page would be to use the callback option in astro-pdf to modify the Page and remove all the things you don't want to print. I think this would likely vary quite a bit between different sites and pages, so it would be difficult to implement as a feature for astro-pdf.

pdf({
    pages: {
        'page': {
            // assuming you only want to print the section with class "top"
            callback: async (page) => {
                await page.evaluate(() => {
                    // select all siblings of the .top section
                    document.querySelectorAll(':is(:has(~ section.top), section.top ~ *)').forEach(el => {
                        if (el instanceof HTMLElement) {
                            // hide all the siblings
                            el.style.display = 'none'
                        }
                    })
                })
            }
        }
    }
})

alternatively, you could set certain elements to be display: none when printing using @media print (but this would affect anyone printing the page) or set some class on the root element in callback which then hides the unwanted content.

[FEAT] Section printing #119

Description

Describe the feature

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions