0

コードを強調表示したい。だから私はパッケージを使用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;↵}""

レポ全体はこちら: https://github.com/mvaisanen/flashcards

4

1 に答える 1

0

それは単にあなたのインデントだからです!!

のようなもの

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

ただし、機能しません

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

正常に動作します。

html テンプレートであってもインテントを適用しないでください。

それが役に立てば幸い

于 2015-10-18T02:03:15.160 に答える