Meteor Markdown 只显示第一行

Question

我想突出显示我的代码。所以我使用 simple:highlight.js 和 markdown 包。但是，只有第一行会突出显示，其余代码在 <pre> 标记外显示为空白文本。

模板

    <div class="card">
        <p class="front">
            {{#if cards.frontIsCode}}
{{#markdown}}
    {{cards.front}}
{{/markdown}}
            {{else}}
                {{cards.front}}
            {{/if}}
        </p>
    </div>

已渲染 HTML

<p class="front">

<pre><code class="hljs javascript"><span class="hljs-keyword">var</span> x = <span class="hljs-number">10</span>;
</code></pre>

<p>var y = z;
var func = function(block) {
return block * x;
}</p>

</p>

对象看起来像这样 "front: "var x = 10;↵var y = z;↵var func = function(block) {↵return block * x;↵}""。 =16=]

整个仓库在这里：https://github.com/mvaisanen/flashcards

Answer 1

仅仅是因为你的缩进！！

类似

{{#markdown}}
    {{cards.front}}
{{/markdown}}

不行，但是

{{#markdown}}
{{cards.front}}
{{/markdown}}

工作正常。

即使在 html 模板中，也不要应用任何意图。

希望对您有所帮助

Meteor Markdown 只显示第一行

Meteor Markdown shows only the first line

meteor

markdown

highlight.js