码迷,mamicode.com
首页 > 其他好文 > 详细

jade成段的文本和标签

时间:2018-07-03 11:37:09      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:code   color   ade   换行   两种   处理   href   标签   多行   

如果文本是大段的文本怎么写呢?因为文本会换行,比如有多行的文本,标签,文本傻傻分不清楚
p 1234567890
=>
<p>1234567890</p>
如果需要换行,可以这么写,在p后面加个.紧紧贴着p标签,然后另起一行
p.
    12
    34
    56
    78
    90
=>
<p>
    12
    34
    56
    78
    90
</p>

 



另外一种情况,标签里面有一堆文字,但是文字里面还有标签,比如<strong>,<span>,<a>这个时候怎么办?
这种情况分两种方式处理,第一种是带有.的这种,比较强制一些
p.
    12<strong>11</strong>
    34
    <span>22</span>
    56
    78
    90
    <a href=‘#‘>33</a>
=>
<p>
    12<strong>11</strong>
    34
    <span>22</span>
    56
    78
    90
    <a href=‘#‘>33</a>
</p>

 

 

第二种,采用缩进的节点方式来写,把文本看做是一个文本节点,另起一行,竖线开头,加上空格,标签看作是标签,按照jade的语法来写,把strong和span改成下面这种方式,那也是ok的
p
    | 12
    strong 11
    | 34
    span 22
    | 56
    | 78
    | 90
    a(href=‘#‘) 33
=>
<p>12<strong>11</strong>34<span>22</span>56
78
90<a href="#">33</a>
</p>

 

jade成段的文本和标签

标签:code   color   ade   换行   两种   处理   href   标签   多行   

原文地址:https://www.cnblogs.com/wzndkj/p/9256718.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!