ガルプのチェリオは、部分的にHTML要素に

Question

をエスケープされ、ここで何が起こっているかを示す別の最小限の例リポジトリ（実行する方法についてはREADME.mdを参照してください）作成：

https://github.com/oleersoy/nunjucks-cheerio/

をレンダリングされているファイルがsrc/test.htmlです。それは含まれています

{% for item in ['100', '300'] %} 
    <div class="u-color-background-gray-{{item}}> 
    <code>u-color-background-gray-{{item}}</code> 
    </div> 
{% endfor %} 

それはに基づいて行動すべきコンテンツが存在しないため、レンダリングされた一部のコンテンツは、gulp-cheerio操作がNOOPことになっているにもかかわらず、エスケープされている場合：

<div class="u-color-background-gray-100&gt; 
    &lt;code&gt;u-color-background-gray-100&lt;/code&gt; 
    &lt;/div&gt; 

    &lt;div class=" u-color-background-gray-300=""> 
    <code>u-color-background-gray-300</code> 
    </div> 

ようgulpfile.jsルックスは、 this：

gulp.task('test', function() { 
     return gulp 
     .src("src/**") 
     .pipe(nunjucksRender({ 
      path: ["src"] 
     })) 
     .pipe(cheerio(function($, file) { 
      $('.Test-markup > code').each(function() { 
      var markup = $(this).html(); 
      //Insert the Test-render block after the Test-then block 
      //Append the markup block to the Test-render block 
      $($(this).parent().next()).after(renderTestBlock).next().append(markup); 
      }); 
     })) 
     .pipe(gulp.dest("dist")); 
    }); 

何が原因でコンテンツがエスケープされている可能性がありますか？

は、参照として、私はまた、cheerioの問題を提出し、gulp-cheerio

Answer 1

は、テンプレート文字列で"がありませんでしたclass="u-color-background-gray-{{item}}>