Editor-Einschränkungen editor-limitations

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 functional-limitations

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 structure-pages

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

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 automatisch von Adobe Experience Manager (AEM) 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.

  • 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 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;
}
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2