编辑器限制

触屏UI中的编辑器利用叠加与iframe中限定的内容进行交互。 这种交互方式会对编辑器的使用以及开发人员造成一些限制。本页总结了这些限制，并在可能的情况下提供了解决方案或变通办法。

功能限制

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

时间 编辑页面中，链接处于非活动状态。

结构页面

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

CSS限制

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

绝对定位的元素

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

  • 如果发生这种情况，请确保绝对定位元素的维度正确，因为编辑器将创建具有相同维度的叠加。

vh单位

vh 不支持单位，因为iframe高度必须由AEM自动调整。

固定背景图像

由于固定背景图像嵌入到iframe中，因此滚动时固定背景图像可能无法显示为固定。

  • 选择 查看已发布的页面 在标题栏中，操作可正确显示页面。

100%高度

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

  • 可以通过“拉伸”主体元素来实施全屏主体，具体方法如下：
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

边距折叠

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

  • 解决方案是在body元素级别添加clearfix，如下所示：
body:before, body:after{
    content: ' ';
    display: table;
}

在此页面上