편집기 제한 사항

터치 지원 UI의 편집기에서 오버레이를 사용하여 iframe에 한정된 컨텐츠와 상호 작용합니다. 이러한 상호 작용은 편집자와 개발자의 사용에 모두 제한을 만듭니다. 이 페이지에서는 이러한 제한 사항을 요약하고 가능한 경우 솔루션이나 해결 방법을 제공합니다.

기능 제한 사항

작성자는 편집기를 사용하여 페이지를 작성할 때 다음과 같은 기능 제한 사항이 있을 수 있습니다.

페이지를 편집하면 링크가 활성 상태가 아닙니다.

  • 미리 보기 모드로 전환하여 컨텐츠의 링크를 사용하여 탐색합니다.

구조 페이지

페이지 이름을 structure으로 지정할 수 없습니다. structure 이름이 지정된 페이지는 페이지 편집기에서 편집할 수 없습니다.

CSS 제한 사항

개발자는 CSS를 사용하는 편집기의 상호 작용에 다음과 같은 제한 사항이 있을 수 있습니다.

절대 위치 요소

절대 위치에 배치된 요소는 오버레이의 위치에 문제가 발생할 수 있습니다.

  • 이렇게 되면 편집기가 정확히 동일한 크기로 오버레이를 생성하므로 절대 위치한 요소의 차원이 올바른지 확인하십시오.

vh 단위

vh iframe 높이는 AEM에서 자동으로 조정되어야 하므로 단위가 지원되지 않습니다.

배경 이미지가 수정되었습니다.

고정된 배경 이미지는 iframe 내에 포함되어 있으므로 스크롤할 때 고정으로 표시되지 않을 수 있습니다.

  • 헤더 막대 작업에서 페이지를 게시됨으로 보기​를 선택하면 페이지가 제대로 표시됩니다.

100% 높이

페이지의 본문 요소에서는 100% 높이를 지원하지 않습니다.

  • 다음과 같이 본문 요소를 "스트레칭"하여 전체 화면 본문을 구현하기 위한 작업 영역이 가능합니다.
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

여백 축소

본문 요소의 첫 번째 하위 요소에 여백이 있는 경우 마진 축소 문제를 볼 수 있습니다.

  • 방법은 다음과 같이 본문 요소 수준에서 clearfix를 추가하는 것입니다.
body:before, body:after{
    content: ' ';
    display: table;
}

이 페이지에서는