编辑器限制 editor-limitations

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

功能限制 functional-limitations

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

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

结构页面 structure-pages

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

CSS限制 css-limitations

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

绝对定位的元素 absolutely-positioned-elements

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

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

vh单位 vh-units

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

固定背景图像 fixed-background-images

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

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

100%高度 height

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

  • 解决方法是通过“拉伸”body元素来实现全屏主体,如下所示:
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

边距折叠 margin-collapsing

如果body元素的第一个子元素具有边距,则可以看到边距收缩问题。

  • 解决方案是在body元素级别添加clearfix,如下所示:
body:before, body:after{
    content: ' ';
    display: table;
}
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab