Limitazioni per l’editor editor-limitations

L’editor nell’interfaccia touch utilizza le sovrapposizioni per interagire con contenuti confinati in un iframe. Questa interazione crea alcune limitazioni sia nell’utilizzo dell’editor che per gli sviluppatori. Questa pagina riepiloga queste limitazioni e fornisce soluzioni o soluzioni alternative, ove possibile.

Limitazioni funzionali functional-limitations

Un autore può incontrare le seguenti limitazioni funzionali quando utilizza l’editor per creare pagine.

Quando modifica di una pagina, i collegamenti non sono attivi.

Strutturare le pagine structure-pages

Impossibile denominare le pagine structure. Pagine denominate structure non sarà modificabile nell’editor pagina.

Limitazioni CSS css-limitations

Con le interazioni dell’editor con CSS, uno sviluppatore potrebbe incontrare le seguenti limitazioni.

Elementi con posizione assoluta absolutely-positioned-elements

Gli elementi con posizionamento assoluto possono causare problemi nella posizione della sovrapposizione.

  • In questo caso, assicurati che le dimensioni dell’elemento con posizionamento assoluto siano corrette, perché l’editor creerà una sovrapposizione con le stesse dimensioni.

unità vh vh-units

vh non sono supportate perché l’altezza dell’iframe deve essere regolata automaticamente dall’AEM.

Immagini di sfondo fisse fixed-background-images

È possibile che le immagini di sfondo fisse non vengano visualizzate come fisse durante lo scorrimento poiché sono incorporate in un iframe.

  • Selezione Visualizza pagina come pubblicata nelle azioni della barra dell’intestazione, la pagina viene visualizzata correttamente.

Altezza 100% height

L'altezza 100% non è supportata nell'elemento body di una pagina.

  • È possibile trovare una soluzione alternativa per implementare un corpo a schermo intero "allungando" l’elemento body come segue:
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

Compressione del margine margin-collapsing

I problemi di compressione del margine possono essere rilevati se il primo elemento figlio dell'elemento body ha un margine.

  • La soluzione consiste nell’aggiungere un clearfix a livello di elemento body, come segue:
body:before, body:after{
    content: ' ';
    display: table;
}
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab