Javascript 从JS变量内部将输出行分解为Jade生成的HTML

这是我的玉锉

 - var itens = ["Sem limites de<br/>vendas", "Sem limites de visitas", "Sem limites de e-mails", "Sem cooparticipação"];
[...]
each item, i in itens
    div.col-xs-12.col-md-6
        div.col-xs-5.np.l
            img(src="img/#{imgs[i]}", title="#{item}", aria-label="#{item}", alt="#{item}").col-xs-12
        div.col-xs-7.np.r
            h3 #{item}
            p #{itens2[i]}

-var itens=[“Sem limites de
vendas”、“Sem limites de visitas”、“Sem limites de e-mail”、“Sem cooparticipaço”]；
[...]
每一项，我都在ITEN中
分区col-xs-12.col-md-6
第col-xs-5.np.l部分
img（src=“img/{imgs[i]}”，title=“{item}”，aria label=“{item}”，alt=“{item}”）.col-xs-12
第col-xs-7部分np.r
h3#{item}
p#{itens2[i]}

这就是输出的内容：

在h3标记中输出真正的html换行符的最佳选择是什么

提前谢谢。o/

（我认为这不是必需的，但jade对语法很挑剔）更改：

进入：

你应该可以走了。在输出局部变量时，我在节点中构建内容管理系统时遇到了类似的问题。将管道添加到数组中可以使局部对象浮动在新行上并正确渲染

您可能需要通过管道传输将包含任何特殊字符或HTML元素的其他局部变量

我可以很容易地复制并输出换行符

我希望这有帮助

（我认为这不是必需的，但jade对语法很挑剔）更改：

进入：

你应该可以走了。在输出局部变量时，我在节点中构建内容管理系统时遇到了类似的问题。将管道添加到数组中可以使局部对象浮动在新行上并正确渲染

您可能需要通过管道传输将包含任何特殊字符或HTML元素的其他局部变量

我可以很容易地复制并输出换行符

---

我希望这有帮助

Jade正在逃逸{}属性中的任何内容。使用！{}或！=。但是，我认为不应该在属性中放置HTML标记

- var itens = ["Sem limites de<br/>vendas", "Sem limites de visitas", "Sem limites de e-mails", "Sem cooparticipação"];
[...]
each item, i in itens
    div.col-xs-12.col-md-6
        div.col-xs-5.np.l
            img(src="img/#{imgs[i]}", title="#{item}", aria-label="#{item}", alt="#{item}").col-xs-12
        div.col-xs-7.np.r
            h3!= item
            p= itens2[i]

-var itens=[“Sem limites de
vendas”、“Sem limites de visitas”、“Sem limites de e-mail”、“Sem cooparticipaço”]；
[...]
每一项，我都在ITEN中
分区col-xs-12.col-md-6
第col-xs-5.np.l部分
img（src=“img/{imgs[i]}”，title=“{item}”，aria label=“{item}”，alt=“{item}”）.col-xs-12
第col-xs-7部分np.r
h3！=项目
p=itens2[i]

Jade正在转义{}属性中的任何内容。使用！{}或！=。但是，我认为不应该在属性中放置HTML标记

- var itens = ["Sem limites de<br/>vendas", "Sem limites de visitas", "Sem limites de e-mails", "Sem cooparticipação"];
[...]
each item, i in itens
    div.col-xs-12.col-md-6
        div.col-xs-5.np.l
            img(src="img/#{imgs[i]}", title="#{item}", aria-label="#{item}", alt="#{item}").col-xs-12
        div.col-xs-7.np.r
            h3!= item
            p= itens2[i]

-var itens=[“Sem limites de
vendas”、“Sem limites de visitas”、“Sem limites de e-mail”、“Sem cooparticipaço”]；
[...]
每一项，我都在ITEN中
分区col-xs-12.col-md-6
第col-xs-5.np.l部分
img（src=“img/{imgs[i]}”，title=“{item}”，aria label=“{item}”，alt=“{item}”）.col-xs-12
第col-xs-7部分np.r
h3！=项目
p=itens2[i]

以前从未使用过Jade，但尝试

\n

而不是字符串变量中的

。尝试此

“Sem limites de”
“vendas”

它仍然不起作用，因为

|

存储为字符串。@StephanBijzitter

\n

在字符串中创建了一个新行，但是，对于换行符，在HTML标记中作为换行符工作，

作为HTML。但jade将其作为字符串插入。以前从未使用过jade，但请尝试在字符串变量中使用

\n

而不是

。尝试此

“Sem limites de”
“vendas”

仍然不起作用，因为

|

存储为字符串。@StephanBijzitter

\n

在字符串中创建了一行新行，但是，对于换行符，在HTML标记中作为换行符工作，

作为HTML。但是jade将其作为字符串插入。您是否尝试将管道放入数组索引中？[“| Sem limites de
vendas…您是否尝试将管道放入数组索引中？[“| Sem limites de
vendas…是的，我不应该这样做。我错误地使用了我的变量来举例说明…但您的回答确实解决了我的问题。非常感谢！”但是，我认为您不应该在属性中放置HTML标记”…在这种情况下，有什么替代方案？…变量itens=[“Sem limites de#[br]vendas”，…作为一个例子，但我的偏好是不要对页面内容进行任何直接格式化。我认为在这种情况下，HTML间隔实体也会更好。是的，我不应该。我错误地使用了我的变量来举例说明…但你的回答确实解决了我的问题。非常感谢！“但是，我认为不应该在属性中放置HTML标记”…在这种情况下，有什么替代方案？…var itens=[“Sem limites de#[br]vendas”…，但我的首选是不直接格式化页面内容。我认为HTML间隔实体在这种情况下也会更好。

h3 #{item}
p #{itens2[i]}

h3
    | #{item}
p
    | #{itens2[i]}

- var itens = ["Sem limites de<br/>vendas", "Sem limites de visitas", "Sem limites de e-mails", "Sem cooparticipação"];
[...]
each item, i in itens
    div.col-xs-12.col-md-6
        div.col-xs-5.np.l
            img(src="img/#{imgs[i]}", title="#{item}", aria-label="#{item}", alt="#{item}").col-xs-12
        div.col-xs-7.np.r
            h3!= item
            p= itens2[i]