編輯器限制

啟用觸控的UI中的編輯器會使用覆蓋來與iframe中限制的內容互動。 這個互動會對編輯器的使用以及開發人員造成一些限制。本頁總結了這些限制，並盡可能提供解決方案或解決方法。

功能限制

使用編輯器來製作頁面時，作者可能會遇到下列功能限制。

連結未激活

當編輯頁面時，連結不作用中。

• 切換至 ​​ 預覽模式，使用內容中的連結進行導覽。

結構頁面

頁面無法命名為structure。 名為structure的頁面將無法在頁面編輯器中編輯。

CSS限制

開發人員在編輯器與CSS的互動時可能會遇到下列限制。

絕對定位元素

絕對定位的元素可能會導致其覆蓋位置發生問題。

• 如果發生此情況，請確定絕對定位元素的尺寸正確，因為編輯器會建立具有相同尺寸的覆蓋。

Vh單位

vh 不支援單位，因為iframe高度必須由AEM自動調整。

修正背景影像

固定背景影像在捲動時可能不會顯示為固定，因為它已內嵌在iframe中。

• 在標題列動作中選取「將頁面檢視為已發佈」(View Page as Published)，可正確顯示頁面。

100%高度

頁面的主體元素不支援100%高度。

• 為了實現全螢幕體，可進行如下「拉伸」體元素：

body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

邊界收合

如果主體元素的第一個子元素具有邊界，則可看到邊界折疊問題。

• 解決方案是在主體元素層級添加clearfix，如下所示：

body:before, body:after{
    content: ' ';
    display: table;
}