実際にMeteorでMarkdownを使用する方法

Question

私はMeteorを使ってプロジェクトを進めています。マークダウンを使用したいので、それを行うパッケージがあることを知ってうれしく思いました。

だから私は、追加の対決を流星、それが働いた、と今私は

{{#markdown}} 
    #This is a header 

    this is a paragraph 
{{/markdown}} 

ような何かを行うことができますし、それだけで正常に動作します。しかし、今私は実際にそこにもっと興味深いものを載せたいと思っています。最初に、テキストエリアと同期させることが考えられました。私は3つのことを試みました。まず、私はこれを試してみました：.previewは私がに表示するためにHTMLにしたいdiv要素があり、かつの#textは、誰かが入力されたテキストエリアで

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

。これはうまくいきませんが、{{#markdown}}とそのものだけが表示されます。

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

    {{/markdown}} 
</div> 

をし、それに追加します：

次は、私はちょうどこのように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}}タグの中に入れてください。

{{#markdown}}{{>innerPreview}}{{/markdown}} 

代わり

{{#markdown}} 
    {{>innerPreview}} 
{{/markdown}} 

のDOMが置かれる前{{markdown}}がレンダリングされているため、jQueryのが動作しません：値下げ内部

Answer 1

すべてがそうあなたがこれを行う作る値下げと考えられています所定の位置に。

代わり

{{#markdown}}{{{markdown_data}}}{{/markdown}} 

は、その後、私はHTTPでマークダウンを使用

Session.set("markdown_data","<your markdown data>");