Question

Pug / Jade目前似乎存在一个错误，其中<menuitem>被视为自动关闭，而实际上，它们需要关闭。我已经将问题提交给GitHub回购，并且正在等待回应/修复，但与此同时，是否有可行的替代方案？

这是我的 contextmenu.pug 文件：

menu#main(type="context", label="")
    menu(label="Visit me on...")
        menuitem(label="LinkedIn")
        menuitem(label="Twitter")
        menuitem(label="Github")
        menuitem(label="Stack Overflow")
        menuitem(label="Email")
    menuitem(label="Go Home")

HTML呈现为：

<menu id="main" type="context" label="">
    <menu label="Visit me on...">
        <menuitem label="LinkedIn">
        <menuitem label="Twitter">
        <menuitem label="Github">
        <menuitem label="Stack Overflow">
        <menuitem label="Email">
    </menu>
    <menuitem label="Go Home">
</menu>

然而，我希望所有menuitem代码都以</menuitem>关闭。否则，这将导致LinkedIn成为“访问我...”下面的唯一选项。我能找到的最接近的示例是this StackOverflow question，它建议使用纯HTML，虽然这有效，但我是想知道是否有帕格唯一的选择。是否有某个设置确定哪些标签是自动关闭的？或者，自那个问题以来，有没有更好的替代方案强制结束标签？

如果重要，我正在使用Express.js框架，最近从Jade更新（迁移前存在的问题）。

GitHub Issue

Answer 1

您可以将menuitem写为明文：

menu#main(type="context", label="")
  menu(label="Visit me on...").
    <menuitem label="LinkedIn"></menuitem>
    <menuitem label="Twitter"></menuitem>
    <menuitem label="Github"></menuitem>
    <menuitem label="Stack Overflow"></menuitem>
    <menuitem label="Email"></menuitem>
    <menuitem label="Go Home"></menuitem>

https://pugjs.org/language/plain-text.html

带有哈巴狗的HTML5上下文菜单

1 个答案: