Radical Design Course by Jack McDade

From the creator of Statamic

Learn how to make your websites standout and be remembered.

Taking your approach on designing things actually makes it fun, more natural, and overall easier.

— Dominik, Developer

Markdown Tag

Transform Markdown content written inline in your template. For when you just can't be bothered to write HTML or make another variable.

Example

<article class="mx-auto max-w-lg">
{{ markdown }}
# My Favorite Nickelodeon Shows
 
- Kenan & Kel
- All That
- Double Dare
- Wild & Crazy Kids
- Legends of the Hidden Temple
{{ /markdown }}
</article>
<article class="mx-auto max-w-lg">
<s:markdown>
# My Favorite Nickelodeon Shows
 
- Kenan & Kel
- All That
- Double Dare
- Wild & Crazy Kids
- Legends of the Hidden Temple
</s:markdown>
</article>
<article class="mx-auto max-w-lg">
<h1>My Favorite Nickelodeon Shows</h1>
<ul>
<li>Kenan & Kel</li>
<li>All That</li>
<li>Double Dare</li>
<li>Wild & Crazy Kids</li>
<li>Legends of the Hidden Temple</li>
</ul>
</article>
Hot Tip!

Markdown considers indentation to be a code block. You'll need to keep your content flush left or use the markdown:indent tag.

Docs feedback

Submit improvements, related content, or suggestions through Github.

Betterify this page →