如何在Pug中将div内特定文本设为纯文本以避免编译错误?
在Pug中将特定内容标记为纯文本的方法
针对Pug编译时特定内容引发报错的问题,以下几种方法可让目标内容被识别为纯文本,避免语法解析错误:
方法1:逐行添加管道符 |
在需要作为纯文本的每一行开头添加管道符,Pug会跳过该行的语法解析:
| +CodeBreak | >> stuff.clean! | => ["put away", "put away", "put away"]
方法2:使用文本块语法 .
在父元素(如pre、div)后添加 .,后续缩进的所有内容都会被当作纯文本处理,无需逐行加管道符:
pre. +CodeBreak >> stuff.clean! => ["put away", "put away", "put away"]
若不需要外层容器,也可直接用空标签加 .:
div. +CodeBreak >> stuff.clean! => ["put away", "put away", "put away"]
方法3:使用:plain过滤器(Pug 2.x及以上版本支持)
通过:plain过滤器包裹内容,完全屏蔽Pug的语法解析,是最彻底的纯文本标记方式:
:plain +CodeBreak >> stuff.clean! => ["put away", "put away", "put away"]
内容的提问来源于stack exchange,提问作者cope
相关产品推荐
相关产品推荐

