Pracuję nad projektem z Meteor i chcę, żeby używał markdown, i bardzo miło było zobaczyć, że jest z tym pakiet.

Więc dodałem metę, która zadziałała, a teraz mogę zrobić coś takiego

{{#markdown}}
    #This is a header

    this is a paragraph
{{/markdown}}

i działa dobrze. Ale teraz chcę umieścić tam coś bardziej interesującego. Pierwszą myślą było zsynchronizowanie go z textareą. Próbowałem trzech rzeczy. Po pierwsze, spróbowałem tego:

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

Gdzie .preview to div, który chcę wyświetlić w html, a #text to pole tekstowe, w którym ktoś pisze. Jednak to nie działa, pokazuje tylko {{#markdown}} i inne.

Następnie próbowałem skonfigurować div w ten sposób:

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

    {{/markdown}}
</div>

I dodaj do tego:

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

lub

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

Ale znowu pokazał tekst, a nie HTML.

W końcu wypróbowałem kodowanie twarde w sekcji przecen, ale to po prostu nie działało. Rzeczy jak

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

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

lub

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

Więc w zasadzie wypróbowałem wszystko, o czym myślę i nic z tego nie robi tego, co chcę. Próbowałem jeszcze kilku rzeczy, ale myślę, że masz pomysł. Jak mam to wykorzystać?

To proste: po prostu umieść swoją przecenę wewnątrz {{#markdown}} ... {{/ markdown}} tagów.