aue:content-details

구성 요소가 속성 패널에 로드되면 aue:content-details 이벤트가 트리거됩니다.

페이로드는 구성 요소의 콘텐츠 및 선택적으로 해당 스키마입니다.

{
    details: {
        content: object             // content object
        model: [object]             // model object
        request: request payload;   // what is sent to the service
        response: response payload; // what is returned by the service
    }
}

aue:content-move

구성 요소를 이동할 때 aue:content-move 이벤트가 트리거됩니다.

페이로드는 구성 요소, 소스 컨테이너 및 대상 컨테이너입니다.

{
    details: {
        from: string;                   // container we move the component from
        component: string;              // component we move
        to: string;                     // container we move the component to
        before: string;                    // before which component shall we place the component
        request: request payload;       // what is sent to the service
        response: response payload;     // what is returned by the service
    }
}

aue:content-patch

aue:content-patch 이벤트는 구성 요소의 데이터가 속성 패널에서 업데이트될 때 트리거됩니다.

페이로드는 업데이트된 속성의 JSON 패치입니다.

{
    details: {
        patch: {
            name: string;               // attribute which is updated
            value: string;              // new value which is stored to the attribute
        },
        request: request payload;       // what is sent to the service
        response: response payload;     // what is returned by the service
    }
}

aue:content-remove

aue:content-remove 이벤트는 구성 요소가 컨테이너에서 제거될 때 트리거됩니다.

페이로드는 제거된 구성 요소의 항목 ID입니다.

{
    details: {
        resource: string;               // the resource which got removed
        request: request payload;       // what is sent to the service
        response: response payload;     // what is returned by the service
    }
}

aue:content-update

aue:content-update 이벤트는 구성 요소의 속성이 컨텍스트 내에서 업데이트될 때 트리거됩니다.

페이로드는 업데이트된 값입니다.

{
    details: {
        value: string;                  // updated value
        request: request payload;       // what is sent to the service
        response: response payload;     // what is returned by the service
    }
}

페이로드 전달

모든 콘텐츠 업데이트 이벤트에 대해 요청된 페이로드와 응답 페이로드가 이벤트에 전달됩니다. 예: 업데이트 호출:

요청 페이로드:

{
  "connections": [
    {
      "name": "aemconnection",
      "protocol": "aem",
      "uri": "https://author-p7452-e12433.adobeaemcloud.com"
    }
  ],
  "target": {
    "resource": "urn:aemconnection:/content/dam/wknd-shared/en/magazine/arctic-surfing/aloha-spirits-in-northern-norway/jcr:content/data/master",
    "type": "text",
    "prop": "title"
  },
  "value": "Alhoa Spirit Northern Norway!"
}

응답 페이로드

{
    "updates": [
        {
            "resource": "urn:aemconnection:/content/dam/wknd-shared/en/magazine/arctic-surfing/aloha-spirits-in-northern-norway/jcr:content/data/master",
            "prop": "title",
            "type": "text"
        }
    ]
}

UI 이벤트

aue:ui-preview

페이지의 편집 모드가 미리 보기(으)로 변경되면 aue:ui-preview 이벤트가 트리거됩니다.

이 이벤트에 대한 페이로드가 비어 있습니다.

{
    details: {}
}

aue:ui-edit

페이지의 편집 모드가 편집(으)로 변경되면 aue:ui-edit 이벤트가 트리거됩니다.

이 이벤트에 대한 페이로드가 비어 있습니다.

{
    details: {}
}

aue:ui-viewport-change

뷰포트 크기가 변경되면 aue:ui-viewport-change 이벤트가 트리거됩니다.

페이로드는 뷰포트의 차원입니다.

{
    details: {
        height: number?;        // height of the viewport. Undefined when fullscreen
        width: number?;         // width of the viewport. Undefined when fullscreen
    }
}

aue:초기화됨

aue:initialized 이벤트가 트리거되어 원격 페이지가 유니버설 편집기에서 성공적으로 로드되었음을 알 수 있습니다.

이 이벤트에 대한 페이로드가 비어 있습니다.

{
    details: {}
}

대체 이벤트 리스너

콘텐츠 업데이트

이벤트비헤이비어
aue:content-add페이지 다시 로드
aue:content-details아무 작업도 하지 않음
aue:content-move구성 요소의 콘텐츠/구조를 대상 영역으로 이동합니다.
aue:content-patch페이지 다시 로드
aue:content-removeDOM 요소 제거
aue:content-update페이로드로 innerHTML 업데이트

UI 이벤트

이벤트비헤이비어
aue:ui-select선택한 요소로 스크롤
aue:ui-previewHTML 태그에 class="adobe-ue-preview" 추가
aue:ui-editHTML 태그에 class=adobe-ue-edit" 추가
aue:ui-viewport-change아무 작업도 하지 않음
aue:initialized아무 작업도 하지 않음

추가 리소스

Experience Manager