Show Menu
화제×

편집기 제한 사항

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

기능 제한 사항

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

구조 페이지

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

CSS 제한 사항

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

절대 위치 요소

절대 위치의 요소는 오버레이 위치에 문제를 일으킬 수 있습니다.
  • 이러한 경우 편집기가 동일한 크기로 오버레이를 만들기 때문에 절대 위치의 요소의 크기가 올바른지 확인하십시오.

vh 단위

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

배경 이미지 수정

배경 이미지가 iframe 내에 포함되어 있기 때문에 스크롤 시 고정된 배경 이미지가 고정으로 표시되지 않을 수 있습니다.
  • 헤더 막대 작업에서 페이지를 게시됨으로 보기를 선택하면 페이지가 제대로 표시됩니다.

100% Height

100% 높이는 페이지의 본문 요소에서 지원되지 않습니다.
  • 다음과 같이 본문 요소를 "스트레치"하여 전체 화면 본문을 구현하기 위해 작업 영역을 진행할 수 있습니다.
body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

여백 축소

본문 요소의 첫 번째 하위 요소에 여백이 있는 경우 여백 축소 문제를 확인할 수 있습니다.
  • 해결책은 다음과 같은 본문 요소 수준에서 클리어픽스를 추가하는 것입니다.
body:before, body:after{
    content: ' ';
    display: table;
}