編輯器限制

啟用觸摸的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:before, body:after{
    content: ' ';
    display: table;
}

本頁內容