Javascript Gulp cheerio正在部分转义html元素
创建了一个单独的最小示例存储库,说明此处发生的情况(有关如何运行的说明,请参阅README.md): 正在呈现的文件是Javascript Gulp cheerio正在部分转义html元素,javascript,node.js,gulp,cheerio,gulp-cheerio,Javascript,Node.js,Gulp,Cheerio,Gulp Cheerio,创建了一个单独的最小示例存储库,说明此处发生的情况(有关如何运行的说明,请参阅README.md): 正在呈现的文件是src/test.html。它包括: {% for item in ['100', '300'] %} <div class="u-color-background-gray-{{item}}> <code>u-color-background-gray-{{item}}</code> </div> {% endf
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>
<code>u-color-background-gray-100</code>
</div>
<div class=" u-color-background-gray-300="">
<code>u-color-background-gray-300</code>
</div>
gulpfile.js
如下所示:
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"));
});
有人知道是什么导致内容泄漏吗
作为参考,我还提交了问题,并且在模板字符串class=“u-color-background-gray-{{item}}>中缺少一个”