一个人如何实际使用 Markdown 和 Meteor

Posted 2023-03-08

【中文标题】一个人如何实际使用 Markdown 和 Meteor

【英文标题】：How does one actually use Markdown with Meteor

【发布时间】：2013-06-06 12:28:37

【问题描述】：

我正在使用 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 标签内即可。

【问题讨论】：

我在superchat.meteor.com 中使用markdown，但标记了包。这是相同的语法。看看代码就知道了：github.com/gabrielhpugliese/meteor_superchat/blob/master/client/…

【参考方案1】：

markdown 中的所有内容都被视为降价，因此请确保您这样做：

#markdown>innerPreview/markdown

代替

#markdown
    >innerPreview
/markdown

jquery 无法工作，因为markdown 是在 DOM 到位之前呈现的。

改为使用会话

Template.hello.markdown_data = function() return Session.get("markdown_data"));

然后是你的模板

#markdownmarkdown_data/markdown

然后将你的markdown文档存储在

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

【讨论】：

太好了，这让它的工作更像预期。除了我不能让它做块引用。 Showdown 是否有来自daringfireball.net/projects/markdown/syntax 的所有内容？

可以使用名为marked的markdown包。它似乎支持块引用。正在气氛中：atmosphere.meteor.com/package/marked