編輯器限制 editor-limitations

CAUTION
AEM 6.4已結束延伸支援,本檔案不再更新。 如需詳細資訊,請參閱 技術支援期. 尋找支援的版本 此處.

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

功能限制 functional-limitations

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

編輯頁面,則連結不會使用中。

結構頁面 structure-pages

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

CSS限制 css-limitations

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

絕對定位的元素 absolutely-positioned-elements

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

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

Vh單位 vh-units

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

固定背景影像 fixed-background-images

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

  • 選取 檢視頁面為已發佈 在標題列中,動作會正確顯示頁面。

100%高 height

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

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

邊距收合 margin-collapsing

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

  • 解決方案是在內文元素層級新增clearfix,如下所示:
body:before, body:after{
    content: ' ';
    display: table;
}
recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e