Editor-Einschränkungen

Der Editor in der Touch-optimierten Benutzeroberfläche verwendet Ü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

Autoren sehen sich bei der Arbeit mit dem Editor zur Bearbeitung von Seiten möglicherweise mit den folgenden funktionalen Einschränkungen konfrontiert.

Beim Bearbeiten einer Seite sind Links nicht aktiv.

Strukturseiten

Seiten können nicht benannt werden structure. Seiten, die structure im Seiteneditor nicht bearbeitbar sind.

CSS-Einschränkungen

Entwickler sehen sich hinsichtlich der Interaktionen des Editors mit CSS möglicherweise mit den folgenden Einschränkungen konfrontiert.

Absolut positionierte Elemente

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 -Einheiten werden nicht unterstützt, da die iframe-Höhe automatisch von Adobe Experience Manager (AEM) angepasst werden muss.

Feste Hintergrundbilder

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

100 % Höhe wird im Hauptteilelement einer Seite nicht unterstützt.

  • Eine Problemumgehung ist möglich, einen Vollbildtext zu implementieren, indem das Hauptteilelement wie folgt "gestreckt"wird:
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

Ausblenden des Seitenrands

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;
}

Auf dieser Seite