Begränsningar för redigerare
CAUTIONRedigeraren 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
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
När redigera en sida, är länkar inte aktiva.
- Växla till Förhandsgranska läge för att navigera med hjälp av länkarna i ditt innehåll.
Strukturera sidor
Sidor kan inte namnges structure. Sidor med namn structure går inte att redigera i sidredigeraren.
CSS-begränsningar
En utvecklare kan stöta på följande begränsningar när det gäller redigerarens interaktion med CSS.
Absolut positionerade element
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 enheter stöds inte eftersom iframe-höjden måste justeras automatiskt av AEM.
Fasta bakgrundsbilder
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
Höjden 100 % stöds inte för en sidas body-element.
- Du kan komma runt problemet om du vill 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;
}
Komprimera marginal
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;
}
