How to embed 3rd party HTML in Synapse
When you have an HTML file that you would like to show in a Synapse wiki page.
Step-by-step guide
- Upload your HTML file to a Synapse Project/Folder
- Edit the wiki page where you would like to show your HTML file contents.
- Select Insert→File Preview
- Find and select your HTML file.
- Save the wiki page.
Note: Synapse will only render simple HTML (no css/js, and minimal tags/attributes are supported).
For complex HTML with arbitrary tag/attributes, css, js, such as created when exporting HTML from a Jupyter Notebok or R markdown, in addition to the steps above you'll also need to join the html js css Synapse team.
If your HTML is determined to be too complex, then the raw HTML code will be shown in the preview instead (not a sanitized version of the HTML).
Also, membership of the special html js css Synapse team is cached, so it may take up to an hour after joining this team for your HTML to be properly rendered.
Please be mindful of your HTML file size, as this could impact how quickly your page loads. Aim for a page size of less than 200KB if possible.