Skip to end of banner
Go to start of banner

How to embed 3rd party HTML in Synapse

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Next »

When you have a HTML file output that you would like to show in a Synapse wiki page.  
Examples:  You've converted a Jupyter Notebook to HTML, or have a HTML page rendered from R markdown.

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 (any tag/attribute, css, js):  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.

  • No labels