Я работаю над проектом с Meteor, и я хочу, чтобы он использовал markdown, и было очень приятно видеть, что для этого есть пакет.

Так что я добавил метеор вскрытие, это сработало, и теперь я могу сделать что-то вроде

{{#markdown}}
    #This is a header

    this is a paragraph
{{/markdown}}

и это работает просто отлично. Но сейчас я хочу добавить что-то более интересное. Первой мыслью было синхронизировать его с текстовой областью. Я попробовал три вещи. Сначала я попробовал это:

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

Где .preview - это div, в котором я хочу показать html, а #text - это текстовое поле, где кто-то печатает. Это не работает, но показывает {{#markdown}} и все такое.

Затем я попытался настроить div следующим образом:

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

    {{/markdown}}
</div>

И добавьте к этому:

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

или же

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

Но опять же, он просто показал текст, а не HTML.

Наконец, я попытался запрограммировать что-то в разделе уценки, но это явно не сработало. Вещи как

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

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

или же

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

В общем, я перепробовал все, что мог придумать, и ничего из этого не делает то, что я хочу. Я попробовал еще несколько вещей, но я думаю, вы поняли идею. Как я должен использовать это?

Это просто: просто поместите уценку в теги {{#markdown}} ... {{/ markdown}}.