Redigerarbegränsningar

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.

När redigerar en sida är länkar inte aktiva.

  • Växla till Förhandsgranskningsläge om du vill navigera med hjälp av länkarna i ditt innehåll.

Struktursidor

Sidorna kan inte ha namnet structure. Sidor med namnet structure kan inte redigeras 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.

  • Om du väljer 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;
}

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

På denna sida