Universal Editor로 콘텐츠 작성 authoring
콘텐츠 작성자가 Universal Editor를 사용하여 얼마나 쉽고 직관적으로 콘텐츠를 만들 수 있는지 알아봅니다.
소개 introduction
Universal Editor를 사용하면 모든 구현에서 콘텐츠의 모든 측면을 편집할 수 있기 때문에 뛰어난 경험을 제공하고, 콘텐츠 속도를 높이고, 최신 개발자 경험을 제공할 수 있습니다.
이를 위해 제공되는 Universal Editor는 콘텐츠 작성자가 최소한의 교육만 받으면 사용할 수 있어 바로 부담 없이 콘텐츠 편집을 시작할 수 있습니다. 이 문서에서는 Universal Editor의 작성 환경에 대해 설명합니다.
콘텐츠 편집 editing-content
콘텐츠 편집은 간단하고 직관적입니다. 편집기에서 콘텐츠 위로 마우스를 가져가면 편집 가능한 콘텐츠가 가는 파란색 윤곽선으로 강조 표시됩니다.
선택한 콘텐츠에 따라 즉석 편집 옵션이 다를 수 있으며 속성 레일에서 콘텐츠에 대한 추가 정보 및 옵션이 있을 수 있습니다.
일반 텍스트 편집 edit-plain-text
구성 요소를 두 번 클릭하거나 두 번 탭하여 텍스트를 편집할 수 있습니다.
얇은 파란색 윤곽선이 짙은 파란색 윤곽선으로 바뀌면 선택 표시가 나타나고 커서가 나타납니다. 변경한 다음 Enter/Return 키를 누르거나 텍스트 상자 바깥쪽을 선택하여 변경 내용을 저장합니다.
텍스트 구성 요소를 선택하면 자세한 내용이 속성 레일에 표시됩니다. 레일에서 텍스트를 편집할 수도 있습니다.
텍스트에 대한 자세한 내용은 속성 레일에서 확인할 수 있습니다. 포커스가 속성 레일의 편집된 필드를 떠나면 변경 사항이 자동으로 저장됩니다.
리치 텍스트 편집 edit-rich-text
구성 요소를 두 번 클릭하거나 두 번 탭하여 텍스트를 편집할 수 있습니다.
사용자의 편의를 위해 서식 옵션 및 텍스트에 대한 세부 사항을 두 곳에서 사용할 수 있습니다.
컨텍스트 메뉴 context-menu
상황에 맞는 메뉴가 서식 있는 텍스트 블록 위에 열리고 상황에 맞는 기본 서식 옵션을 제공합니다. 공간 제약으로 인해 일부 옵션이 줄임표 버튼 뒤에 숨겨질 수 있습니다.
포커스가 편집된 필드를 떠나면 변경 사항이 자동으로 저장됩니다.
속성 레일 properties-rail
속성 레일에 선택한 텍스트에 대한 항목이 표시됩니다. 텍스트를 편집하려면 더 큰 캔버스를 표시하는 대화 상자를 열려면 항목을 탭하십시오.
변경 내용을 취소하거나 저장하려면 각각 취소 또는 완료 를 탭하거나 클릭합니다.
미디어 편집 edit-media
- 속성 레일에서 선택한 이미지의 미리보기를 탭하거나 클릭합니다.
- 자산을 선택할 수 있는 자산 선택기 창이 열립니다.
- 새 자산을 선택하려면 를 선택합니다.
- 자산을 바꾼 속성 레일로 돌아가려면 선택 을(를) 선택하십시오.
변경 사항은 콘텐츠에 자동으로 저장됩니다.
콘텐츠 조각 편집 edit-content-fragment
콘텐츠 조각,을(를) 선택하면 속성 레일에서 세부 정보를 편집할 수 있습니다.
선택한 콘텐츠 조각의 콘텐츠 모델에 정의된 필드가 속성 레일에 표시되고 편집할 수 있습니다.
콘텐츠 조각과 관련된 필드를 선택하면 구성 요소 레일에 콘텐츠 조각이 로드되어 필드가 자동으로 스크롤됩니다.
포커스가 속성 레일의 편집된 필드를 떠나면 변경 사항이 자동으로 저장됩니다.
대신 콘텐츠 조각 편집기에서 콘텐츠 조각을 편집하려면 속성 레일에서 CF 편집기에서 열기 단추를 탭하거나 클릭합니다.
e을(를) 사용하여 콘텐츠 조각 편집기에서 선택한 콘텐츠 조각을 편집합니다.워크플로우의 필요에 따라 범용 편집기에서 또는 콘텐츠 조각 편집기에서 직접 콘텐츠 조각을 편집할 수 있습니다.
컨테이너에 구성 요소 추가 adding-components
-
콘텐츠 트리 또는 편집기에서 컨테이너 구성 요소를 선택하십시오.
-
그런 다음 속성 레일에서 추가 아이콘을 선택합니다.
구성 요소가 컨테이너에 삽입되며 편집기에서 편집할 수 있습니다.
a를 사용하여 선택한 컨테이너에 구성 요소를 추가합니다.컨테이너에서 구성 요소 삭제 deleting-components
-
콘텐츠 트리 또는 편집기에서 컨테이너 구성 요소를 선택하십시오.
-
컨테이너의 V자형 아이콘을 선택하여 콘텐츠 트리에서 해당 콘텐츠를 확장합니다.
-
그런 다음 콘텐츠 트리에서 컨테이너 내의 구성 요소를 선택합니다.
-
속성 레일에서 삭제 아이콘을 선택합니다.
선택한 구성 요소가 삭제되었습니다.
Shift+Backspace를 사용하여 해당 컨테이너에서 선택한 구성 요소를 삭제합니다.컨테이너의 구성 요소 재정렬 reordering-components
-
아직 콘텐츠 트리 모드가 아닌 경우 전환합니다.
-
콘텐츠 트리 또는 편집기에서 컨테이너 구성 요소를 선택합니다.
-
컨테이너의 V자형 아이콘을 선택하여 콘텐츠 트리에서 해당 콘텐츠를 확장합니다.
-
컨테이너 내의 구성 요소 옆에 있는 드래그 핸들 아이콘은 구성 요소를 재정렬할 수 있음을 나타냅니다. 구성 요소를 드래그하여 컨테이너 내에서 재정렬합니다.
-
드래그한 구성 요소는 콘텐츠 트리에서 회색으로 바뀌고 삽입 지점은 파란색 선으로 표시됩니다. 구성 요소를 놓아 새 위치에 배치합니다.
구성 요소는 콘텐츠 트리와 편집기 모두에서 재정렬됩니다.
콘텐츠 미리보기 previewing-content
콘텐츠 편집을 마치면 콘텐츠를 탐색하여 다른 페이지의 콘텐츠에서 어떻게 보이는지 확인하고 싶은 경우가 많습니다. 미리보기 모드에서 링크를 클릭하여 독자처럼 콘텐츠를 탐색할 수 있습니다. 콘텐츠는 게시될 때 편집기에서 렌더링됩니다.
미리보기 모드에서 콘텐츠를 탭하거나 클릭하면 콘텐츠 판독기와 동일하게 반응합니다. 편집할 콘텐츠를 선택하려면 미리 보기 모드에서 전환하십시오.
추가 리소스 additional-resources
범용 편집기로 콘텐츠를 게시하는 방법에 대해 알아보려면 이 문서 를 참조하십시오.
- 유니버설 편집기로 콘텐츠 게시 - 유니버설 편집기에서 콘텐츠를 게시하는 방법과 앱에서 게시된 콘텐츠를 처리하는 방법에 대해 알아봅니다.
유니버설 편집기의 기술 세부 정보에 대한 자세한 내용은 다음 개발자 문서를 참조하십시오.
- Universal Editor 소개 - Universal Editor를 통해 모든 구현에서 콘텐츠의 모든 측면을 편집하여 뛰어난 경험을 제공하고, 콘텐츠 속도를 높이고, 최신 개발자 경험을 제공하는 방법에 대해 알아봅니다.
- AEM에서 Universal Editor 시작하기 - Universal Editor에 액세스하는 방법과 이를 사용하기 위해 첫 번째 AEM 앱 계측을 시작하는 방법을 알아봅니다.
- Universal Editor 아키텍처 - Universal Editor의 아키텍처 및 해당 서비스와 계층 간에 데이터가 흐르는 방식에 대해 알아봅니다.
- 속성 및 유형 - Universal Editor에 필요한 데이터 속성 및 유형에 대해 알아봅니다.
- Universal Editor 인증 - Universal Editor의 인증 방법에 대해 알아봅니다.
구성 요소 상속 편집 inheritance
상속은 콘텐츠를 연결할 수 있는 메커니즘으로, 콘텐츠를 변경하면 자동으로 다른 콘텐츠가 변경됩니다.
범용 편집기를 사용하면 콘텐츠를 업데이트하여 콘텐츠의 상속을 취소할 수 있습니다. 편집기는 해당 페이지에서 작성자가 변경한 모든 사항에 대한 상속을 자동으로 비활성화하여 블루프린트에서 업데이트가 동기화될 때 수정된 콘텐츠가 유지되도록 합니다.
유니버설 편집기를 사용하여 상속이 작동하는 방법에 대한 자세한 내용은 유니버설 편집기의 콘텐츠 상속 문서를 참조하십시오.