編輯器限制

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

功能限制

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

編輯頁面時,連結不處於活動狀態。

結構頁

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

CSS限制

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

絕對定位的元素

絕對定位的元素可能會在其覆蓋圖的位置造成問題。

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

Vh單位

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

修正背景影像

由於背景影像內嵌於iframe中,因此捲動時,固定的背景影像可能無法顯示為固定。

  • 在標題列動作中選取​以Published​檢視頁面,即可正確顯示頁面。

100%高

頁面的內文元素不支援100%高度。

  • 可以通過「拉伸」主體元素來實施全屏主體,如下所示:
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

邊距折疊

如果主體元素的第一個子元素有邊距,則可以看到邊距折疊問題。

  • 解決方案是在內文元素層級新增clearfix,如下所示:
body:before, body:after{
    content: ' ';
    display: table;
}

本頁內容