Spring 字体真棒<；i>；JSP中自动生成的标记

我试图使用SpringRoo生成的项目（使用引导、tiles和JSP）包含SB-Admin2主题，但出现了一些问题。我有与页面上显示的

fa search

font-awesome标记相对应的图标

它们似乎是在处理JSP分幅时生成的，因为它们没有出现在我的代码中

      <div class="navbar-default sidebar" role="navigation">
            <div class="sidebar-nav navbar-collapse">
                <ul class="nav" id="side-menu">
                    <li class="sidebar-search">
                        <div class="input-group custom-search-form">
                            <input type="text" class="form-control" placeholder="Search..."></input>
                            <span class="input-group-btn">
                            <button class="btn btn-default" type="button">
                                <i class="fa fa-search"></i>
                            </button>
                            </span>
                        </div>
                        <!-- /input-group -->
                    </li>

                    <tiles:insertAttribute name="menu" ignore="true" /> 

                </ul>
            </div>
            <!-- /.sidebar-collapse -->
        </div>

文件“menu.tagx”是：

文件“items.tagx”是：

Chrome inspector中生成的代码为：

    <div role="navigation" class="navbar-default sidebar">
        <div class="sidebar-nav navbar-collapse">
        <ul id="side-menu" class="nav">
                <li class="sidebar-search">
                <div class="input-group custom-search-form">
                    <input placeholder="Search..." class="form-control" type="text">
                    <span class="input-group-btn">
                    <button type="button" class="btn btn-default">
                    <i class="fa fa-search"></i></button>
                    </span>
                </div>
                </li>
                <div version="2.0" id="menu">
                <li><h2><i class="fa fa-search">Party</i></h2>
                <ul>
                    <li><i class="fa fa-search"><a title="Create new Party" href="/demo/partys?form">Create new Party</a></i></li>
                    <li><i class="fa fa-search"><a title="List all Partys" href="/demo/partys?page=1&amp;size=10">List all Partys</a></i></li>
                    <li><i class="fa fa-search"><a title="Find by Last Name" href="/demo/partys?find=ByLastName&amp;form&amp;page=1&amp;size=10">Find by Last Name</a></i></li>
                </ul>
                </li>
                </div>
            </ul>
        </div>
    </div>

聚会

元素来自哪里？如何移除它们

---

非常感谢你的帮助。丹尼斯

谢谢你的提示！我终于找到了它的来源

若你们并没有将内容（例如注释）放在由FontAwesomeCSS处理的开始和结束标记之间，解析器将在显示的所有文本区域前面生成图标

为了避免这种情况，您必须在JSP中正确声明标记，如下所示：

<i class="fa fa-search"><!--  Some content --></i>

而不是：

<i class="fa fa-search"></i>

---

希望这能有所帮助。

你说你的最后一块是来自Chrome inspector；相关元素的实际呈现HTML是什么？（即Ctrl+U）这将允许确认是在后端还是在前端执行更改。-不要出现在HTML代码中（使用Ctrl+U），在这种情况下，您应该能够通过使用找到改变这一点的JavaScript代码。了解哪个脚本以及在哪里进行更改有望足以对此进行进一步研究。

<i class="fa fa-search"><!--  Some content --></i>

<i class="fa fa-search"></i>