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