Estoy trabajando en un proyecto con Meteor, y quiero que use markdown, y fue muy agradable ver que hay un paquete para hacer eso.

Así que me metí en el showdown, funcionó, y ahora puedo hacer algo como

{{#markdown}}
    #This is a header

    this is a paragraph
{{/markdown}}

Y funciona bien. Pero ahora quiero poner algo más interesante allí. El primer pensamiento fue sincronizarlo con un área de texto. Probé tres cosas. Primero, intenté esto:

$('.preview').html('{{#markdown}}'+$('#text').val()+'{{/markdown}}');

Donde .preview es un div en el que quiero que aparezca html, y #text es el área de texto donde alguien está escribiendo. Sin embargo, esto no funciona, solo muestra el {{#markdown}} y esas cosas.

A continuación, traté de configurar el div así:

<div class="preview">
    {{#markdown}}

    {{/markdown}}
</div>

Y añádelo con:

$('.preview').html('#Is this an H1?');

o

$('.preview').append('*is this italics?*');

Pero nuevamente, solo mostraba el texto, no el html.

Finalmente, probé cosas de codificación en la sección de rebajas, pero eso simplemente no funcionó. Cosas como

<div class="preview">
    {{#markdown}}
        <div class="previewInner">

        </div>
    {{/markdown}}
</div>

o

<div class="span6 preview">
    {{#markdown}}
        {{>innerPreview}}
    {{/markdown}}
</div>

Básicamente, he intentado todo lo que puedo pensar y nada de eso hace lo que quiero. Intenté algunas cosas más, pero creo que entiendes la idea. ¿Cómo se supone que debo usar esto?

Es fácil: solo coloque su markdown dentro de las etiquetas {{#markdown}} ... {{/ markdown}}.