如何用吞玉保持拖尾空白

  • 本文关键字:空白 何用吞 html pug gulp
  • 更新时间 :
  • 英文 :


我的客户端有用Jade构建模板的脚本。我们使用吞玉。我遇到了一个问题,删除了尾部空白,但应该保留。以下是模板的示例:

p
  span This is the first part of the sentence, 
  strong this part makes a strong point, 
  span and this part concludes the sentence.

由于内联HTML元素对空格敏感,所以在编译模板后,我会期望:

这是句子的第一部分,这部分提出了一个重点,这部分结束了句子。

然而,这就是实际编译的内容:

这是句子的第一部分,这部分提出了一个重点,这部分结束了句子。

注意到空格缺失了吗?

从Jade的文档来看,这似乎不应该发生。这会和吞玉有关吗?我试着寻找这个选项,但没有找到。

请不要建议CSS解决方案,因为它们不符合有效的解决方案。HTML已经正常处理了,这是一个模板编译问题。

注意:在我的示例中,我不能使用markdown,因为删除空格会破坏粗体/strong部分。

提前感谢!

我以前遇到过这个问题,使用gulp-prettify解决了这个问题。这是我的翡翠任务:

gulp.task('html', function() {
  return gulp.src(config.src)
    .pipe(jade())
    .pipe(prettify({ indent_size: 2, unformatted: ['pre', 'code'] }))
    .pipe(gulp.dest(config.dest));
});

最新更新