从 DOM 中删除 <div> 标签

Question

我正在构建一个基于我购买的自定义主题的 XPages 应用程序。我想使用包含页面在 header

中显示自定义 'widgets'

不幸的是，包含的页面在标签中呈现，这与主题中的 css 样式表不兼容。

这是包含页面的代码（想法是让这个在未来可配置）

<xp:panel styleClass="navbar-account">
    <ul class="account-area">
            <xp:include pageName="/nav_VisitIn.xsp"></xp:include>
            <xp:include pageName="/nav_MyVisit.xsp"></xp:include>
            <xp:include pageName="/nav_Profile.xsp"></xp:include>
    </ul>
</xp:panel>

渲染后的 html 看起来像这样

列表项标签（以及下面的所有元素）的 css 类似于

.navbar-account .account-area > li {...}

我想避免修改主题中的所有相关样式。有没有办法确保包含页面在没有 div 标记的情况下呈现，或者我可以从 DOM?[=15= 中删除生成的 div 标记（但不是其内容） ]

Answer 1

尝试在您的 <xp:include> 标签中添加 disableOutputTag="true"。

从 DOM 中删除 <div> 标签

Remove <div> tag from DOM

xpages