2017-05-14 9 views
0
{% highlight %} 
I want {% raw %}<span class="handle">{% endraw %}this span{% raw %}</span>{% endraw %} to be rendered as HTML. 
{% endhighlight %} 

ジキルのhighlightタグが入力の一部を処理しないようにすることはできますか?上記の例ではジキルハイライトタグ:エスケープ防止

、私はこのようなHTMLを生成するためにジキルをしたいと思います:

<pre> 
    <code>I want <span class="handle">this span</span> to be rendered in HTML</code> 
</pre> 

、というより:

<pre> 
    <code>I want &lt;span class="handle" ...</code> 
</pre> 
+0

他の例はありますか?なぜ「

 I want this span to be rendered in HTML 
」と書いてみませんか? – marcanuy

+0

さて、{%highlight linenos%}は使用できません。 linenosでは、HTMLマークアップはかなり複雑になります。 –

答えて

0

ハイライトタグ2つの引数を取ります。最初の引数はハイライトする必要がある言語です(私はhtmlと仮定します).2番目の引数はlinenosと呼ばれ、行番号を含むように強調表示されたコードを強制するオプションです。あなたが望むものを得るためにhtmlを使う必要があります。

{% highlight html %} 
I want {% raw %}<span class="handle">{% endraw %}this span{% raw %}</span>{% endraw %} to be rendered as HTML. 
{% endhighlight %} 

つまり、{% highlight %}は使用できません。それほど冗長でないなら、HTMLに落ちてください。

HTMLの冗長性は、Jekyllの{% include %}によって解決できます。

ジキルは強力で柔軟性があります。

スニペットを含めるために{% include %}を使用すると、簡潔な表現に役立ちます。

ザ・が含まれます:{% include %}経由pre.linenos { float: left; }

結果は行番号を追加する機能です(:

{% assign linenos = "1 2 3" | split: " " %} 
{% include linenos.html numbers=linenos %} 
{% highlight text %} 
Once upon a time, there was a unicorn. 

The unicorn looked around. 
{% endhighlight %} 

含まスニペット:

<pre class="linenos"><code>{% for number in include.numbers %}{{ number }} 
{% endfor %}</code></pre> 

とそれに付随するCSSは、単にあります)、あなたの好みのスタイルで、それほどです。 上記の「unicorn」の例はhereです。

もっと複雑な例は、<span>要素を内部に追加できる場所です。あなたは{% highlight %}を捨て、<pre><code></code></pre>と一緒に行く必要があります、ごめんなさい。 ジキルの{% highlight %}は受信したすべてのコンテンツをエスケープしますが、例外はありません。その例はhereです。あなたはGitHubのページへの直接(あなた自身のないjekyll buildステップ)を公開していないしている場合

プラグインは、あまりにも

でもない作業することができます。

jekyll build(前述のプロジェクトで行われているような)独自のスクリプトを含める場合は、自分でプラグインを作成してください。 {アブドゥルハディ}

@

+0

@ {Abdul Hadi}あなたはそうです。いくつかの検索の後、私はHTMLに頼った。私はあなたの答えをあなたのものに追加してください。 –

+0

提案通りに回答を更新します –

0

は、あなたはあなたにここに私の答えを追加してくださいことはできますか?あなたは私に正しく答えるのが最初で、答えを正しいものにしたいと思います。

私の回答...

短い答えは、あなたはそのための{% highlight %}を使用することはできません。それほど冗長でないなら、HTMLに落ちてください。

HTMLの冗長性は、Jekyllの{% include %}によって解決できます。

ジキルは強力で柔軟性があります。

スニペットを含めるために{% include %}を使用すると、簡潔な表現に役立ちます。

ザ・が含まれます:{% include %}経由pre.linenos { float: left; }

結果は行番号を追加する機能です(:

{% assign linenos = "1 2 3" | split: " " %} 
{% include linenos.html numbers=linenos %} 
{% highlight text %} 
Once upon a time, there was a unicorn. 

The unicorn looked around. 
{% endhighlight %} 

含まスニペット:

<pre class="linenos"><code>{% for number in include.numbers %}{{ number }} 
{% endfor %}</code></pre> 

とそれに付随するCSSは、単にあります)、あなたの好みのスタイルで、それほどです。 上記の「unicorn」の例はhereです。

もっと複雑な例は、<span>要素を内部に追加できる場所です。あなたは{% highlight %}を捨て、<pre><code></code></pre>と一緒に行く必要があります、ごめんなさい。 ジキルの{% highlight %}は受信したすべてのコンテンツをエスケープしますが、例外はありません。その例はhereです。あなたはGitHubのページへの直接(あなた自身のないjekyll buildステップ)を公開していないしている場合

プラグインは、あまりにも

でもない作業することができます。

jekyll build(前述のプロジェクトで行われているような)独自のスクリプトを含める場合は、自分でプラグインを作成してください。