You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Pug模板标签插值多行换行问题求助

解决Pug插值超长行与换行报错问题

针对你遇到的Pug插值换行报错问题,有几个现成的解决办法,不需要提交GitHub Issue——这是Pug解析器的语法规则导致的,并非Bug:

  • 用竖线|拆分多行文本:在长文本的每一行前添加|,插值标签可以放在任意行,解析器会自动拼接内容,不会触发报错。示例:
blockquote
  | 这是一段包含#{articleAuthor}的超长引用内容,
  | 拆分后每行用竖线标记,
  | 既保证可读性,又不会触发解析错误
  • 提前用JS变量定义长文本:用JavaScript模板字符串(反引号`)定义带换行的长内容,再在Pug中引用变量,既能自由换行,插值也能正常工作。示例:
- const longBlockquote = `这是一段包含${articleAuthor}的超长引用,
  用JS模板字符串实现换行,
  内容可读性大幅提升`
blockquote= longBlockquote
  • 使用Pug文本块语法(.):在标签后添加.,直接换行编写多行文本,插值标签可直接嵌入其中,解析器会正确识别。示例:
blockquote.
  这是一段包含#{articleAuthor}的超长引用,
  用点号开启文本块后,
  直接换行编写即可,无需额外标记

内容的提问来源于stack exchange,提问作者Matheus Moreira

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.14 05:52:34