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
相关产品推荐
相关产品推荐

