编辑器限制

触屏优化UI中的编辑器利用叠加与iframe中限制的内容交互。 此交互在编辑器的使用方面以及对于开发人员而言都有一些限制。 本页概括了这些限制,并尽可能提供解决方案或解决办法。

功能限制

使用编辑器创作页面时,作者可能会遇到以下功能限制。

编辑页面时,链接不处于活动状态。

结构页

不能命名页面structure。 名为structure的页面在页面编辑器中将不可编辑。

CSS限制

开发人员在编辑器与CSS的交互时可能会遇到以下限制。

绝对定位元素

绝对定位的元素可能导致其叠加位置出现问题。

  • 如果发生这种情况,请确保绝对定位元素的尺寸正确,因为编辑器将创建尺寸完全相同的叠加。

Vh单位

vh 不支持iframe高度,因为AEM必须自动调整iframe高度。

固定背景图像

由于固定背景图像嵌入在iframe中,因此在滚动时,固定背景图像可能不显示为固定。

  • 在标题栏操作中选择​视图页面作为已发布​可正确显示页面。

100%高度

页面的正文元素不支持100%高度。

  • 为了实现全屏机身,可进行如下“拉伸”机身元素:
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

边距折叠

如果主体元素的第一个子元素具有边距,则可以看到边距折叠问题。

  • 解决方案是在主体元素级别添加一个清除器,如:
body:before, body:after{
    content: ' ';
    display: table;
}

在此页面上