編輯器限制

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

本頁內容