jade处理文本

在jade的标签里插入文本

1：|插入单行文本

文本只有一行，家空格后，写在标签后面就行如

p text string

输出为

<p>text string</>

或

a(href="#") text string

输出为

<a href="#"> text string</a>

2:插入多行文本

文本过长，要分多行插入，需要先进行换行缩进处理，并用“|”开头来连接。

p
  |aaa
  |bbbbbbbb
  |ccccccc
  |dddddddd

输出为

<p>aaa
bbbbbbbb
ccccccc
dddddddd</p

注意：所有"|"必须在同一列上，否则会报语法错误。

“|”只是在普通标签使用纯文本的时候要，对于js代码、css样式代码和script,style,以及textarea标签的文本，是不需要的；如：

script
  var bool = ...
  if(bool){
    ...
  }

是不需要"|"开头的。

另外也可以用句点"."来代替"|"符号，“.”直接紧跟在标签后面，不需要空格；然后在换行输入文本：

p.
  aa
  bb
  cc

输出为

<p>aa
bb
cc
</p>

如果标签和"."之间有空格，则jade会直接把他当普通文本来处理。

3.特殊符号#{}、!{}

#号在jade里可以单独使用

p #文本

可以正常输出为

<p>#文本</p>

大括号单独使用，也能正常输出

p {文本}

输出为

<p>{文本}</p>

但当“#”和“{}”一起使用的时候，就要进行转义，否则会报错

p #{文本}

这样会报“500 Unexpected character '文' (line: 330, col: 42, pos: 17559) Error at new JS_Parse_Error”错误

这是因为#{}在jade里有特殊用途（用来获取js变量值），想要直接输出，必须对#进行转义。改成

p \#{文本}

除#{}之外，!{}也需要进行转义，写成\!{aa}。