handlebars-helper-compose
Version:
{{compose}} handlebars helper. Inlines content from multiple files optionally using wildcard (globbing/minimatch) patterns, extracts YAML front matter to pass to context for each file. Accepts compare function as 3rd parameter for sorting inlined files. Good for blog posts, chapters, etc.
100 lines (98 loc) • 4.93 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Markdown</title>
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
</head>
<body>
<div class="container bs-docs-container">
<div class="docs-section">
<div class="page-header">
<h1 id="markdown">Markdown</h1>
</div>
<p class="description">Should process markdown using options</p>
</div>
<!-- post -->
<p>
<a class="anchor" href="#markdown"></a>
<h3 class="post-title" id="markdown">Example Markdown</h3>
<p class="post-content">
<blockquote>
</p>
<p>
<p>Below this line should be HTML converted from Markdown</p>
</blockquote>
</p>
<p>
<h3>
<a name="body-copy" class="anchor" href="#body-copy">
<span class="custom-heading-link"></span>
</a>Body Copy
</h3>
<p>Body copy written as normal, plain text will be wrapped with <code><p></p></code> tags in the rendered HTML.</p>
</p>
<p>
<p>So this body copy:</p>
</p>
<p><pre><code class="lang-markdown"><div class="code-example">Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.</div>
</code></pre>
</p>
<p>
<p>renders to this HTML:</p>
</p>
<p><pre><code class="lang-html"><div class="code-example"><span class="hljs-tag"><<span class="hljs-title">p</span>></span>Lorem ipsum dolor sit amet, graecis denique ei vel, at duo primis mandamus. Et legere ocurreret pri, animal tacimates complectitur ad cum. Cu eum inermis inimicus efficiendi. Labore officiis his ex, soluta officiis concludaturque ei qui, vide sensibus vim ad.<span class="hljs-tag"></<span class="hljs-title">p</span>></span></div>
</code></pre>
</p>
<p>
<h3>
<a name="blockquotes" class="anchor" href="#blockquotes">
<span class="custom-heading-link"></span>
</a>Blockquotes
</h3>
<p>For quoting blocks of content from another source within your document.</p>
</p>
<p>
<p>Add <code>></code> before any text you want to quote.</p>
</p>
<p><pre><code class="lang-markdown"><div class="code-example">Add <span class="hljs-code"><code>&gt;</code></span> before any text you want to quote.</div>
</code></pre>
</p>
<p>
<p>Renders to:</p>
</p>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</blockquote>
<p>and this HTML:</p>
<pre><code class="lang-html"><div class="code-example"><span class="hljs-tag"><<span class="hljs-title">blockquote</span>></span>
<span class="hljs-tag"><<span class="hljs-title">p</span>></span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.<span class="hljs-tag"></<span class="hljs-title">p</span>></span>
<span class="hljs-tag"></<span class="hljs-title">blockquote</span>></span></div>
</code></pre>
<p>Blockquotes can also be nested:</p>
<pre><code class="lang-markdown"><div class="code-example"><span class="hljs-blockquote">> Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue.</span>
Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi.
>> Sed adipiscing elit vitae augue consectetur a gravida nunc vehicula. Donec auctor
odio non est accumsan facilisis. Aliquam id turpis in dolor tincidunt mollis ac eu diam.
>>> Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue.
Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi.</div>
</code></pre>
<p>Renders to:</p>
<blockquote>
<p>Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue. Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi.</p>
<blockquote>
<p>Sed adipiscing elit vitae augue consectetur a gravida nunc vehicula. Donec auctor odio non est accumsan facilisis. Aliquam id turpis in dolor tincidunt mollis ac eu diam.</p>
<blockquote>
<p>Donec massa lacus, ultricies a ullamcorper in, fermentum sed augue. Nunc augue augue, aliquam non hendrerit ac, commodo vel nisi.</p>
</blockquote>
</blockquote>
</blockquote>
<p></p>
<ul class="tags">
</p>
<p>
</ul>
</p>
</div>
</body>
</html>