編輯器限制

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

功能限制

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

時間 編輯頁面，連結未啟用。

結構頁面

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

CSS限制

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

絕對定位的元素

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

  • 如果發生此情況，請確定絕對位置元素的維度正確，因為編輯器將會使用完全相同的維度建立覆蓋。

vh單位

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

固定背景影像

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

  • 選取 以發佈的形式檢視頁面 標題列動作可正確顯示頁面。

100%高度

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

  • 您可以透過以下方式「拉伸」body元素，實作全熒幕內文：
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

邊界收合

如果body元素的第一個子元素有邊界，則會出現邊界收合問題。

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

本頁內容