編輯器限制 editor-limitations
觸控式UI中的編輯器會使用覆蓋來與受限於iframe的內容互動。 這個互動會對編輯器的使用以及開發人員造成一些限制。本頁概述這些限制,並盡可能提供解決方案或解決方案。
功能限制 functional-limitations
使用編輯器來製作頁面時,作者可能會遇到下列功能限制。
連結不活動 links-not-active
當 編輯頁面,則連結不會使用中。
- 切換至 預覽 模式 來導覽,使用內容中的連結。
結構頁面 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