編輯器限制

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

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now