Previewing HTML in Coda

Showcase Tips and Hacks
1

A user recently asked if Coda supports previewing HTML in a Coda document. The short answer is that for security reasons we don’t support this. However, there is a secure workaround using embeds.

You can use a 3rd party service to author HTML then embed the result in your document. For instance, here’s a document with embedded HTML from CodePen:

To do this with CodePen:

  1. Go to https://codepen.io and create a free account
  2. Create a new pen
  3. Click Share in the bottom-right and choose Embed
  4. Grab the URL from the snippet of embed code
  5. Go to coda and add a new embed from the plus menu or via our Embed() formula
  6. Paste in the CodePen embed URL
6 Likes