如何在JSF页面中添加带jscript标记（＆lt;％）的html？

Question

我有一堆带有jscript语法的jquery模板，如下所示：

<script type="text/x-jquery-tmpl" id="template-dimensions">
    <ul>
    <% _.each(dimensions, function(dimension) { %>
    <% if (dimension.name != 'Measures') { %>
        <li class='parent_dimension'>
            <span class="root collapsed sprite"></span>
            <a class="folder_collapsed sprite" href="#" title="<%= dimension.description ? dimension.description : dimension.caption %>"><%= dimension.caption %></a>

            <ul>
            <% _.each(dimension.hierarchies, function(hierarchy) { %>
                <% if (dimension.hierarchies.length > 1) { %>
                    <li class="hierarchy hide">
                        <a class="dimension" href="#"><%= hierarchy.caption %></a>
                    </li>
                <% } %>
                <% _.each(hierarchy.levels, function(level) { %>
                    <li class="hide"><a title="<%= level.uniqueName %>" rel="<%= level.uniqueName %>" 
                        class="dimension" href="#<%= dimension.name %>/hierarchy/<%= hierarchy.uniqueName %>/<%= level.uniqueName %>"><%= level.caption %></a>
                    </li>
                <% }); %>
            <% }); %>
            </ul>
    <% } %>
    <% }); %>
    </ul>
    </script>

我正在考虑将其包含在使用的JSF页面中。 但是，它会抛出错误抱怨标记“＆lt;％”。 任何人都知道如何解决这个问题？