編輯器限制

啟用觸摸的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;
}

本頁內容