Mixin 嵌套在段落中

Question

我目前正在尝试将一个图形放入一个文本块中，但是我遇到了以下问题：

mixin figure
  figure(style="float:right" width="50%")
    img(src="image.jpeg" alt="Alttext")
    figcaption Caption

block content
  div(class="content-width")
    h1 Heading
    p.
      #[+figure]
      Lorem ipsum dolor sit amet, 

评估为

<div class="content-width">
<h1>Heading</h1>
<p></p>
<figure>[...]</figure>
Lorem ipsum dolor sit amet,

我本来希望得到以下结果：

<div class="content-width">
<h1>Heading</h1>
<p>
<figure>[...]</figure>
Lorem ipsum dolor sit amet,
</p>

这种行为是否正确并且我使用 Pug 错误？还是我偶然发现了一个错误？

Answer 1

编辑：

Figure 元素是块级元素，不允许成为 HTML 中段落元素的子元素。您看到的输出可能是浏览器试图通过在遇到图形元素时关闭未闭合的段落标签来纠正无效的 HTML。

---

上一个答案：

#[] 语法仅适用于 tag interpolation，不适用于 mixins。

改为使用dot block 语法在 mixin 之后，像这样——

block content
  div(class="content-width")
    h1 Heading
    p
      +figure
      .
        Lorem ipsum dolor sit amet, 

——或使用piped text 语法，如下所示：

block content
  div(class="content-width")
    h1 Heading
    p
      +figure
      | Lorem ipsum dolor sit amet,