Editor-Einschränkungen editor-limitations
Der Editor in der Touch-optimierten Benutzeroberfläche nutzt Überlagerungen, um mit Inhalten zu interagieren, die in einem iframe enthalten sind. Diese Interaktion verursacht einige Einschränkungen für die Verwendung des Editors sowie für Entwickler. Diese Seite fasst diese Einschränkungen zusammen und bietet nach Möglichkeit Lösungen oder Umgehungen.
Funktionale Einschränkungen functional-limitations
Autoren sehen sich bei der Arbeit mit dem Editor zur Bearbeitung von Seiten möglicherweise mit den folgenden funktionalen Einschränkungen konfrontiert.
Links nicht aktiv links-not-active
Beim Bearbeiten einer Seite sind Links nicht aktiv.
- Wechseln Sie in den Modus Vorschau, um anhand der Links in den Inhalten zu navigieren.
Strukturseiten structure-pages
Seiten dürfen nicht structure
genannt werden. Seiten mit dem Namen structure
können im Seiteneditor nicht bearbeitet werden.
CSS-Einschränkungen css-limitations
Entwickler sehen sich hinsichtlich der Interaktionen des Editors mit CSS möglicherweise mit den folgenden Einschränkungen konfrontiert.
Absolut positionierte Elemente absolutely-positioned-elements
Absolut positionierte Elemente können Probleme bei der Position ihrer Überlagerung verursachen.
- Stellen Sie in diesem Fall sicher, dass die Dimensionen des absolut positionierten Elements korrekt sind, da der Editor eine Überlagerung mit exakt denselben Dimensionen erstellt.
vh-Einheiten vh-units
vh
-Einheiten werden nicht unterstützt, da die iframe-Höhe von AEM automatisch angepasst werden muss.
Feste Hintergrundbilder fixed-background-images
Feste Hintergrundbilder werden beim Scrollen möglicherweise nicht als fest angezeigt, da sie in einen iframe eingebettet sind.
- Wird in der Kopfzeile Seite als veröffentlicht anzeigen ausgewählt, wird die Seite korrekt angezeigt.
100 % Höhe height
100 % Höhe wird im Hauptteilelement einer Seite nicht unterstützt.
- Dieses Problem kann umgangen werden, um einen Vollbildhauptteil zu implementieren, indem das Hauptteilelement wie folgt gestreckt wird:
body {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
Ausblenden des Seitenrands margin-collapsing
Probleme beim Ausblenden des Seitenrands treten auf, wenn das erste untergeordnete Element des Hauptteilelements einen Seitenrand aufweist.
- Die Lösung besteht darin, auf Ebene des Hauptteilelements einen Clearfix wie folgt einzufügen:
body:before, body:after{
content: ' ';
display: table;
}