html – 关于pre标签中多行字符串的Jade语法

2019年7月28日 247次阅读

我有这样的玉代码：

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>

《html – 关于pre标签中多行字符串的Jade语法》

但它不适用于我的测试网站.我的网站是由快递生成器生成的.
它呈现如下：

《html – 关于pre标签中多行字符串的Jade语法》

和HTML是这样的：

《html – 关于pre标签中多行字符串的Jade语法》

如果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
| <!DOCTYPE html>
| foo bar
| </html>
点赞