/
How to embed 3rd party HTML in Synapse

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

  1. Upload your HTML file to a Synapse Project/Folder
  2. Edit the wiki page where you would like to show your HTML file contents.
  3. Select Insert→File Preview
  4. Find and select your HTML file.
  5. 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.

Related content

Creating and Managing Wikis
Creating and Managing Wikis
More like this
Handling markup in portal text blocks
Handling markup in portal text blocks
More like this
Synapse Docs Contributor Guide
Synapse Docs Contributor Guide
More like this
Using Synapse as an OAuth Server
Using Synapse as an OAuth Server
More like this