속성 및 유형 attributes-types

범용 편집기에 필요한 데이터 특성 및 항목 유형에 대해 알아봅니다.

소개 introduction

Universal Editor에서 앱을 편집할 수 있으려면 앱이 적절하게 구성되어야 합니다. 여기에는 편집기가 앱의 콘텐츠를 편집하는 데 필요한 적절한 메타데이터가 포함됩니다. 이 문서에서는 해당 메타데이터의 특성 및 항목 유형에 대해 자세히 설명합니다.

NOTE
콘텐츠 유효성 검사는 서버측에서 수행됩니다. Universal Editor는 단순히 데이터 속성을 이용합니다. 모델/구조에 적합한지 확인하는 작업은 API 수준에서 수행해야 합니다.

데이터 속성 data-properties

데이터 속성
설명
data-aue-resource
리소스에 대한 URN은 AEM에서 Universal Editor 시작하기 문서의 페이지 계측 섹션을 참조하십시오.
data-aue-prop
리소스의 속성은 AEM에서 Universal Editor 시작하기 문서의 페이지 계측 섹션을 참조하십시오.
data-aue-type
편집 가능한 항목 유형 (예: 텍스트, 이미지 및 참조)
data-aue-filter
사용할 수 있는 참조 정의
data-aue-label
편집기에 표시되는 선택 가능한 항목에 대한 사용자 정의 레이블 정의
data-aue-model이 설정된 경우, 레이블은 모델을 통해 검색
data-aue-model
속성 레일에서 양식 기반의 편집에 사용될 모델 정의
data-aue-behavior
다음을 정의합니다 계기의 동작예를 들어, 독립형 텍스트 또는 이미지는 구성 요소를 모방하여 이동할 수 있거나 삭제할 수 있습니다

항목 유형 item-types

data-aue-type
설명
data-aue-resource
data-aue-prop
data-aue-filter
data-aue-label
data-aue-model
data-aue-behavior
text
텍스트는 HTML 태그 내에서 편집할 수 있지만 간단한 텍스트 형식으로만 사용할 수 있으며 서식 있는 텍스트 형식(예: 제목 구성 요소에 일반적으로 사용되는 텍스트 형식)은 사용 불가
옵션
필수
해당 사항 없음
옵션
해당 사항 없음
옵션
richtext
전체 서식 있는 텍스트 기능으로 텍스트 편집 가능. RTE는 오른쪽 편집기 패널에 표시됨
옵션
필수
해당 사항 없음
옵션
해당 사항 없음
옵션
media
편집 가능한 자산은 이미지 또는 비디오와 같은 자산입니다
옵션
필수
옵션
자산 선택기로 전달되는 이미지 또는 비디오 필터 조건 목록
옵션
해당 사항 없음
옵션
container
편집 가능 항목은 단락 시스템이라는 구성 요소의 컨테이너 역할을 합니다.
상황에 따라 다름
아래 참조
상황에 따라 다름
아래 참조
옵션
허용된 구성 요소 목록
옵션
해당 사항 없음
해당 사항 없음
component
편집 가능 항목은 구성 요소입니다. 추가 기능을 추가하지 않습니다. DOM의 이동/삭제 가능한 부분을 표시하고 속성 레일 및 해당 필드를 여는 데 필요함
필수
해당 사항 없음
해당 사항 없음
옵션
옵션
해당 사항 없음
reference
편집 가능한 는 콘텐츠 조각, 경험 조각 또는 제품과 같은 참조입니다
상황에 따라 다름
아래 참조
상황에 따라 다름
아래 참조
옵션
콘텐츠 조각, 제품 또는 참조 선택기에 전달되는 경험 조각 필터 조건 목록
옵션
옵션
해당 사항 없음

사용 사례에 따라 다름 data-aue-prop 또는 data-aue-resource가 필요할 수도 있고 필요하지 않을 수도 있습니다. 예:

  • GraphQL을 통해 콘텐츠 조각을 쿼리하고 상황에 따라 목록을 편집할 수 있도록 하려면 data-aue-resource가 필요합니다.
  • 참조된 콘텐츠 조각의 콘텐츠를 렌더링하는 구성 요소가 있고 구성 요소 내에서 참조를 업데이트하려는 경우 data-aue-prop이 필요합니다.

동작 behaviors

data-aue-behavior
설명
component
독립 실행형 텍스트, 서식 있는 텍스트 및 미디어 모방 구성 요소를 허용하여 페이지에서 이동 및 삭제할 수 있도록 하는 데 사용됩니다.
container
컨테이너를 자체 구성 요소로 취급하여 페이지에서 이동 및 삭제할 수 있도록 하는 데 사용됩니다.

추가 리소스 additional-resources

Universal Editor에 대해 자세히 알아보려면 다음 문서를 참조하십시오.

  • Universal Editor 소개 - Universal Editor를 통해 모든 구현에서 콘텐츠의 모든 측면을 편집하여 뛰어난 경험을 제공하고, 콘텐츠 속도를 높이고, 최신 개발자 경험을 제공하는 방법에 대해 알아봅니다.
  • Universal Editor로 콘텐츠 작성 - 콘텐츠 작성자가 Universal Editor를 사용하여 콘텐츠를 만드는 것이 얼마나 쉽고 직관적인지 알아봅니다.
  • 유니버설 편집기로 콘텐츠 게시 - 유니버설 편집기에서 콘텐츠를 게시하는 방법과 앱에서 게시된 콘텐츠를 처리하는 방법에 대해 알아봅니다.
  • AEM에서 Universal Editor 시작하기 - Universal Editor에 액세스하는 방법과 이를 사용하기 위해 첫 번째 AEM 앱 계측을 시작하는 방법을 알아봅니다.
  • Universal Editor 아키텍처 - Universal Editor의 아키텍처 및 해당 서비스와 계층 간에 데이터가 흐르는 방식에 대해 알아봅니다.
  • Universal Editor 인증 - Universal Editor의 인증 방법에 대해 알아봅니다.
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab