Begränsningar för redigerare

Senaste uppdatering: 2023-07-21
  • Skapat för:
  • Developer

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

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

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 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 enheter stöds inte eftersom iframe-höjden måste justeras automatiskt av Adobe Experience Manager (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;
}

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

På denna sida