Begränsningar för redigerare editor-limitations
Redigeraren i det beröringsaktiverade grä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.
Länkar som inte är aktiva links-not-active
Länkarna är inte aktiva när en sidaredigeras.
- Växla till förhandsgranskningsläget om du vill navigera med hjälp av länkarna i ditt innehåll.
Strukturera sidor structure-pages
Sidorna kan inte ha namnet structure. Sidor med namnet structure kan inte redigeras 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 kontrollerar du att dimensionerna för det absolut placerade elementet är korrekta eftersom redigeraren skapar 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 Adobe Experience Manager (AEM).
Fasta bakgrundsbilder fixed-background-images
Fasta bakgrundsbilder kanske inte visas som fasta vid bläddring eftersom de är inbäddade i en iframe.
- Om du väljer Visa sidan som publicerad i sidhuvudsfältet 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;
}