title: How does one actually use Markdown with Meteor
body: <p>I'm working on a project with Meteor, and I want it to use markdown, and it was very nice to see that there is a package to do that with.</p>
  
  <p>So I meteor added showdown, it worked, and now I can do something like</p>
  
  <pre><code>{{#markdown}}
      #This is a header
  
      this is a paragraph
  {{/markdown}}
  </code></pre>
  
  <p>and it works just fine. But now I want to actually put something more interesting in there. First thought was to sync it up with a textarea. I tried three things. First, I tried this:</p>
  
  <pre><code>$('.preview').html('{{#markdown}}'+$('#text').val()+'{{/markdown}}');
  </code></pre>
  
  <p>Where .preview is a div that I want to html to show up in, and #text is the textarea where someone is typing. This doesn't work though, it just shows the {{#markdown}} and stuff.</p>
  
  <p>Next, I tried to just set up the div like this:</p>
  
  <pre><code>&lt;div class="preview"&gt;
      {{#markdown}}
  
      {{/markdown}}
  &lt;/div&gt;
  </code></pre>
  
  <p>And add to it with:</p>
  
  <pre><code>$('.preview').html('#Is this an H1?');
  </code></pre>
  
  <p>or</p>
  
  <pre><code>$('.preview').append('*is this italics?*');
  </code></pre>
  
  <p>But again, it just showed the text, not the html.</p>
  
  <p>Finally, I tried hard coding stuff into the markdown section, but that just clearly didn't work. Things like </p>
  
  <pre><code>&lt;div class="preview"&gt;
      {{#markdown}}
          &lt;div class="previewInner"&gt;
  
          &lt;/div&gt;
      {{/markdown}}
  &lt;/div&gt;
  </code></pre>
  
  <p>or </p>
  
  <pre><code>&lt;div class="span6 preview"&gt;
      {{#markdown}}
          {{&gt;innerPreview}}
      {{/markdown}}
  &lt;/div&gt;
  </code></pre>
  
  <p>So basically, I've tried everything I can think of and none of it does what I want. I tried I few more things, but I think you get the idea. How am I supposed to use this?</p>
  
  <blockquote>
    <p>It's easy: just put your markdown inside {{#markdown}} ... {{/markdown}} tags.</p>
  </blockquote>