Adobe AEM CQ XSS 过滤器

Question

在我的作者中，我正在编辑一个文本组件并添加以下 html：

<li><span><a href="#" class="tt" data-toggle="popover" data-html="true" data-placement="top" data-content="Test text" role="button">test text</a></span></li>

但是，当我切换到预览模式时，呈现的 html 是：

<li><span><a class="tt" href="#">Test text</a></span></li>

看起来 AEM 正在剥离一些属性。任何想法为什么？

更多信息 经过更多阅读，我想我将其缩小到将属性添加到/libs/cq/xssprotection/config.xml。但是，当我添加以下内容时，页面会停止加载：

    <tag name="div" action="validate">
        <attribute name="align"/>
        <attribute name="data-toggle">
            <regexp-list>
                <regexp name="data-toggle"/>
            </regexp-list>
        </attribute>
        <attribute name="data-html">
            <regexp-list>
                <regexp name="data-html"/>
            </regexp-list>
        </attribute>
        <attribute name="data-placement">
            <regexp-list>
                <regexp name="data-placement"/>
            </regexp-list>
        </attribute>
        <attribute name="data-content">
            <regexp-list>
                <regexp name="data-content"/>
            </regexp-list>
        </attribute>
    </tag>

我的语法不正确吗？

Answer 1

这是因为您正在使用 OOTB 文本组件，而 OOTB 文本组件使用<cq:text> 标签来显示组件中配置的文本。类似于下图。

<cq:text property="text" escapeXml="true" ... />

在后台，当 escapeXml 属性设置为 true 时，它​​会在内部调用 XSSAPI 的 #filterHTML 方法，该方法的输出会剥离您的所有数据属性。

如果需要，您可以覆盖文本组件并删除 escapeXml 属性，或者根据要求在覆盖后实现您的逻辑。