Code

<pre>

<code>

<table>

   <thead>

       <tr>

           <th style="width:200px;text-align:left">Field Name</th>

           <th style="width:200px;text-align:left">Data Type</th>

           <th style="width:300px;text-align:left">Definition</th>

       </tr>

   </thead>

   <tbody>

       <tr>

           <td>space_id</td>

           <td>Integer</td>

           <td>Space ID of the space that the view exists on</td>

       </tr>

       <tr>

           <td>database</td>

           <td>String</td>

           <td>Database selected in the database dropdown of the schema browser in the view editor</td>

       </tr>

       <tr>

           <td>sql_view_id</td>

           <td>Integer</td>

           <td>SQL View ID</td>

       </tr>

       <tr>

           <td>cache_started_at</td>

           <td>Timestamp</td>

           <td>Timestamp of the materialization query beginning</td>

       </tr>

       <tr>

           <td>cache_completed_at</td>

           <td>Timestamp</td>

           <td>Time of the materialization process completing</td>

       </tr>

       <tr>

           <td>error</td>

           <td>boolean</td>

           <td>Boolean that defines whether the materialization process returned an error</td>

       </tr>

   </tbody>

</table>

</code>

</pre>

<pre>x = (longitude - prime_meridian) * cosine(latitude)y = latitude</pre>

<pre>

<code class="python">
@requires_authorization
def somefunc(param1='', param2=0):
   r'''A docstring'''

    if param1 > param2: # interesting

        print 'Gre\'ater'

    return (param2 - param1 + 1 + 0b10l) or None

class SomeClass:

    pass

>>> message = '''interpreter

... prompt'''

</code>

</pre>

<pre>

<code>

import Foundation @objc class Person: Entity {  var name: String!  var age:  Int!  init(name: String, age: Int) {    /* /* ... */ */  }  // Return a descriptive string for this person  func description(offset: Int = 0) -> String {    return "\(name) is \(age + offset) years old"  } }

</code>

</pre>

<pre>

<code>

with sinusoidal as (

select

   -- y-axis variables

   lat * 3.14159 * 6371 / 180 as y

   , avg(lat) over() * 3.14159 * 6371 / 180 as avgy

   , avg(lat) over() * 3.14159 * 6371 / 180 - (lat * 3.14159 * 6371 / 180) as normy

   -- x-axis variables

   , lng * 3.14159 * 6371 / 180 * cos(radians(lat)) as x

   , avg(lng) over() * 3.14159 * 6371 / 180 * cos(radians(avg(lat) over())) as avgx

   , avg(lng) over() * 3.14159 * 6371 / 180 * cos(radians(avg(lat) over())) - (lng * 3.14159 * 6371 / 180 * cos(radians(lat))) as normx

 from

   points)

</code>

</pre>

Webflow CMS Embed Workaround

The following script allows embeds into Webflow's CMS with minified HTML. It does this by adding paragraphs to rich text blocks with content wrapped in < and > (or HTML tags).

To implement, add the following to your custom code area in the ARTICLE TEMPLATE PAGE:

<iframe src="/code" height="280" width="100%" frameborder="0"></iframe>

Then in the CMS, add your minified HTML to paragraphs and it should render HTML!

I'm relatively new to JS, so I can't say how robust this is, but I hope this tip helps out!

Ohn

ohn.io

========

Examples

Embedded Map

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d741.853529286571!2d-87.65591339979055!3d41.9484393765594!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fd3b2e59adf21%3A0x1cea3ee176ddd646!2sWrigley+Field!5e0!3m2!1sen!2sus!4v1502124412765" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

Embedded Youtube

<div style="position:relative;height:0;padding-bottom:56.25%"><iframe src="https://www.youtube.com/embed/u-KDRmOYSb0?ecver=2" style="position:absolute;width:100%;height:100%;left:0" width="100%" height="360" frameborder="0" allowfullscreen></iframe></div>

Sample iframe

<iframe src="http://cms-embeds.webflow.io/iframe" height="200" width="100%"></iframe>

Sample Table

<table> <tr> <th>Company</th> <th>Contact</th> <th>Country</th> </tr><tr> <td>Alfreds Futterkiste</td><td>Maria Anders</td><td>Germany</td></tr><tr> <td>Centro comercial Moctezuma</td><td>Francisco Chang</td><td>Mexico</td></tr><tr> <td>Ernst Handel</td><td>Roland Mendel</td><td>Austria</td></tr><tr> <td>Island Trading</td><td>Helen Bennett</td><td>UK</td></tr><tr> <td>Laughing Bacchus Winecellars</td><td>Yoshi Tannamuri</td><td>Canada</td></tr><tr> <td>Magazzini Alimentari Riuniti</td><td>Giovanni Rovelli</td><td>Italy</td></tr></table>

<iframe width="100%" height="600" style="border:0px;" src="https://app.periscopedata.com/shared/6d670a06-7829-40b5-8dd9-275eb1767f04?embed=v2"></iframe>