HTML 2 SnipSnap

Usage Scenarios

• import HTML from a remote source using a {import:http://www.site.com} like syntax
• display embedded HTML. Using a technique like this, the snipsnap app can either store the HTML as is, and convert at render time, or it can convert and store as snipsnap code.

  {convert:html}<h2>heading</h2><br>{convert}

• import a HTML file
• create a new Snip in HTML and convert it to SnipSnap during save

Sample HTML

<h2>Ingredients</h2>
<ul>
  <li>1 cup of break fluid</li>
  <li>1 bucket of chlorine</li>
</ul>
<h2>Directions</h2>
<ol>
  <li>Place bucket in the center of a footy field</li>
  <li>Using a long stick, lower the cup of break fluid into the bucket</li>
  <li>run for your life</li>
</ol>
<a href="http://www.google.com">Google</a>

Sample SnipSnap

1 Ingredients

* 1 cup of break fluid
* 1 bucket of chlorine

1 Directions

1. Place bucket in the center of a footy field
1. Using a long stick, lower the cup of break fluid into the bucket
1. run for your life

{link:Google|http://www.google.com}

HTML Rendition of Snip

Ingredients

• 1 cup of break fluid
• 1 bucket of chlorine

Directions

1. Place bucket in the center of a footy field
2. Using a long stick, lower the cup of break fluid into the bucket
3. run for your life

Google