<details> block

[e2045]

Hi,

i must write some md files with details block. And the attribute "open" is not required. Example:

Some text

<details>
    <summary>Click here for more details </summary>

Info 1

Info 2

Info 3

</details>

I knew without "open" the result after conversion is bad. All contents of details block disappeared.

Do you have any idea how to show contents of details block in pdf?

Thank you in advance.

My code:

function converting(file){
    //converting md to pdf
    (async () => {
        let pdf = await mdToPdf(
            {path: file},
            {pdf_options: {
                printBackground: true,
                format: 'a4',
                margin: {
                    top: '30mm',
                    right: '20mm',
                    bottom: '30mm',
                    left: '20mm',
                },
            }
        }).catch(console.error);

        if (pdf) {
            let newFile = file.substring(0, (file.length - 3)) + ".pdf"
            fs.writeFileSync(newFile, pdf.content);
            console.log(newFile + ' is written');
        }

    })();
}

My file:
detailsblock.md
detailsblock.pdf

[simonhaenisch]

Hey, you can also inject a script into the page that does this for you

---
script:
  content: "document.querySelectorAll('details').forEach(details => { details.open = true })"
---

<details>I'm in the details</details>

I just realized that the script option is not mentioned in the docs yet. See here:

md-to-pdf/src/lib/config.ts

Lines 84 to 89 in 3e45dc7

	/**
	* List of scripts to load into the page.
	*
	* @see https://github.com/puppeteer/puppeteer/blob/main/docs/api.md#pageaddscripttagoptions
	*/
	script: FrameAddScriptTagOptions[];

[e2045]

wow thank you. It works like a charm 😄