【发布时间】:2015-10-18 10:03:15
【问题描述】:
我想突出显示我的代码。所以我使用simple:highlight.js和markdownpackages。但是,只有第一行会突出显示,其余代码在 <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;↵}""
【问题讨论】:
-
请阅读this question 看看是否有帮助。
-
我会建议使用三反引号方法而不是使用缩进来指定代码。
-
@stubailo 你是什么意思?我应该把三重反引号放在哪里?
-
谢谢!我得到了它的工作,我觉得很愚蠢;)
标签: meteor markdown highlight.js