How to embed Confluence page in website with confluence styles

Question

Hi Guys,

I need to embed some of our Confluence pages into our website. I'm able to retrieve the HTML content, but is there any way to preserve the styles as well?

I want to display them exactly as they appear on the Confluence page.

I've tried numerous API calls, and the closest one I found still doesn't match the styling of the Confluence page.

params = {
'status': 'any',
'expand': 'body.export_view.webresource.superbatch.tags.all,body.export_view.webresource.tags.all,body.storage',
}

https://XXX.atlassian.net/wiki/rest/api/content/XXX?params=params

Thank you!

Andrii Maliuta · Accepted Answer

Hello @Mandy Wells-Lakeland ,

You can try to add ```body.styled_view``` expand parameter to have the whole HTML content with styles.

Mandy Wells-Lakeland · Accepted Answer

Hi @Andrii Maliuta

Thank you for your advice. I tried with ```body.styled_view```, but many features such as "expand (accordion)" and info panels wouldn't work on the webpage. The table styling also does not match the Confluence style.

Here is the html content with style returned from ```body.styled_view``` - https://drive.google.com/file/d/1Vvhjvq96IPmfAF4JRGtpzCmD7c2ijXfD/view?usp=sharing

Below is the screenshot of the Confluence test page embedded on the website;

Below is the screenshot of the test page from confluence;