Begränsningar för redigerare editor-limitations

Redigeraren i det beröringsaktiverade användargränssnittet använder övertäckningar för att interagera med innehåll som begränsas i en iframe. Den här interaktionen skapar vissa begränsningar i både användningen av redigeraren och för utvecklare. På den här sidan sammanfattas dessa begränsningar och lösningar eller tillfälliga lösningar ges där det är möjligt.

Funktionsbegränsningar functional-limitations

En författare kan stöta på följande funktionella begränsningar när han eller hon använder redigeraren för att skapa sidor.

När redigera en sida, är länkar inte aktiva.

Strukturera sidor structure-pages

Sidor kan inte namnges structure. Sidor med namn structure går inte att redigera i sidredigeraren.

CSS-begränsningar css-limitations

En utvecklare kan stöta på följande begränsningar när det gäller redigerarens interaktion med CSS.

Absolut positionerade element absolutely-positioned-elements

Absolut positionerade element kan orsaka problem i positionen för deras övertäckning.

  • Om det inträffar måste du kontrollera att dimensionerna för det absolut placerade elementet är korrekta eftersom redigeraren kommer att skapa en övertäckning med exakt samma dimensioner.

vh Enheter vh-units

vh enheter stöds inte eftersom iframe-höjden måste justeras automatiskt av AEM.

Fasta bakgrundsbilder fixed-background-images

Fasta bakgrundsbilder kanske inte visas som fasta vid bläddring eftersom de är inbäddade i en iframe.

  • Markera Visa sidan som publicerad i sidhuvudsfältets åtgärder visas sidan korrekt.

100 % höjd height

Höjden 100 % stöds inte för en sidas body-element.

  • Du kan använda en tillfällig lösning för att implementera en helskärmsbrödtext genom att"sträcka ut" body-elementet enligt följande:
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

Marginal som komprimeras margin-collapsing

Problem med att komprimera marginaler visas om det första underordnade elementet i body-elementet har en marginal.

  • Lösningen är att lägga till ett klarfix på body-elementnivån enligt följande:
body:before, body:after{
    content: ' ';
    display: table;
}
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab