Begränsningar för redigerare

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

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

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

Resurser för Business.Adobe.com