我有这样的 Jade 代码:
pre='<!DOCTYPE html>\n<html lang="en">\nfoo bar\n</html>'
它呈现如下:
<!DOCTYPE html>
<html lang="en">
foo bar
</html>
我怎样才能实现这样的目标:
pre='<!DOCTYPE html>\n'
+'<html lang="en">\n'
+'foo bar\n'
+'</html>'
或者像这样:
pre="""<!DOCTYPE html>\n"""
"""<html lang="en">\n"""
"""foo bar\n"""
"""</html>"""
更新: 我在 jade-syntax-docs 中尝试了以下代码,它有效!
pre
| <!DOCTYPE html>
| <html lang="en">
| foo bar
| </html>
但它在我的测试网站上不起作用。我的网站是由 express generator 生成的。 它呈现如下:
html 是这样的:
如果 jade 版本很重要,这是 package.json
:
{
"name": "nodejs-crud",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"body-parser": "~1.13.2",
"cookie-parser": "~1.3.5",
"debug": "~2.2.0",
"express": "~4.13.1",
"jade": "~1.11.0",
"morgan": "~1.6.1",
"serve-favicon": "~2.3.0"
}
}
顺便说一下,我使用bootstrap
。
最佳答案
您可以像以前那样使用管道 |
,但更适合您的问题的解决方案是在 pre< 后附加一个点
标签。你可以只保留缩进。如果你想做一个单独的换行符,建议使用管道。.
/
pre.
yo
this is
preformatted
text
会输出
<pre>yo
this is
preformatted
text</pre>
关于html - 关于 pre 标签中多行字符串的 Jade 语法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37615971/