Limitaciones del editor

El editor de la interfaz de usuario táctil utiliza superposiciones para interactuar con contenido limitado en un iframe. Esta interacción crea algunas limitaciones en el uso del editor y también para los desarrolladores. Esta página resume estas limitaciones y proporciona soluciones o soluciones alternativas siempre que sea posible.

Limitaciones funcionales

Un autor puede encontrar las siguientes limitaciones funcionales al utilizar el editor para crear páginas.

Al editar una página, los vínculos no están activos.

Páginas de estructura

No se pueden asignar nombres a las páginas structure. Las páginas con nombre structure no se podrán editar en el editor de páginas.

Limitaciones de CSS

Un desarrollador puede encontrar las siguientes limitaciones con las interacciones del editor con CSS.

Elementos con posición absoluta

Los elementos con posición absoluta pueden causar problemas en la posición de su superposición.

  • Si esto sucede, asegúrese de que las dimensiones del elemento con posición absoluta son correctas porque el editor creará una superposición con las mismas dimensiones.

unidades de vh

vh no se admiten las unidades porque la altura del iframe debe ajustarse automáticamente por AEM.

Imágenes de fondo fijas

Es posible que las imágenes de fondo fijas no se muestren como fijas al desplazarse debido a que se incrustan en un iframe.

  • Si selecciona Vista de página como Publicada en las acciones de la barra de encabezado, se muestra la página correctamente.

100% Height

El elemento body de una página no admite una altura del 100 %.

  • Es posible una solución alternativa para implementar un cuerpo a pantalla completa "estirando" el elemento body de la siguiente manera:
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

Contraer margen

Se pueden ver problemas de colapso de margen si el primer elemento secundario del elemento body tiene un margen.

  • La solución es agregar una corrección clara en el nivel del elemento de cuerpo, como la siguiente:
body:before, body:after{
    content: ' ';
    display: table;
}

En esta página