설명서AEM 6.4Developing 안내서

여러 즉석 편집기 구성 configure-multiple-in-place-editors

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • Developer
CAUTION
AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은 기술 지원 기간. 지원되는 버전 찾기 여기.

여러 즉석 편집기가 있도록 Adobe Experience Manager에서 리치 텍스트 편집기를 구성할 수 있습니다. 구성된 경우 적절한 컨텐츠를 선택하고 적절한 편집기를 열 수 있습니다.

특정 즉석 편집기

여러 편집기 구성 configure-multiple-editors

여러 즉석 편집기를 사용하려면 cq:InplaceEditingConfig 노드 유형이 cq:ChildEditorConfig 노드 유형입니다.

예:

   /**
       * Configures in-place editing of a component.
       *
       * @prop active true to activate in-place editing for the component.
       * @prop editorType ID of in-place editor to use.
       * @prop cq:childEditors collection of {@link cq:ChildEditorConfig} nodes.
       * @prop configPath path to editor's config (optional).
       * @node config editor's config (used if no configPath is specified; optional).
     */
    [cq:InplaceEditingConfig] > nt:unstructured
      - active (boolean)
      - editorType (string)
      + cq:childEditors (nt:base) = nt:unstructured
      - configPath (string)
      + config (nt:unstructured) = nt:unstructured

    /**
      * Configures one child editor for a sub-component. The name of the this node is
      * used as DD ID.
      *
      * @prop type type of the inline editor. For example, ["image"].
      * @prop title Title of the inline editor.
      * @prop icon Icon to represent the inline editor.
    */
    [cq:ChildEditorConfig] > nt:unstructured
      orderable
      - type (string)
      - title (string)

여러 편집기를 구성하려면 다음 단계를 수행합니다.

  1. 노드에서 cq:inplaceEditing (유형 cq:InplaceEditingConfig) 다음 속성을 정의합니다.

    • 이름:editorType
    • 유형: String
    • 값: hybrid

  2. 이 노드 아래에 노드를 만듭니다.

    • 이름: cq:ChildEditors
    • 유형: nt:unstructured

  3. 아래 cq:childEditors 노드, 각 즉석 편집기용 노드 만들기:

    • 이름: 각 노드의 이름은 드롭 대상이 있는 경우와 마찬가지로 나타내는 속성의 이름입니다. 예, image 및 text.
    • 유형: cq:ChildEditorConfig
    note note
    NOTE
    정의된 드롭 대상과 하위 편집기 간에 상관 관계가 있습니다. 의 이름 cq:ChildEditorConfig 노드를 선택한 하위 편집기에 대한 매개 변수로 사용하기 위해 드롭 대상 ID로 간주됩니다. 편집 가능한 하위 영역에 드롭 대상이 없는 경우(예: 텍스트 구성 요소에서) 하위 편집기의 이름은 해당 편집 가능한 영역을 식별하는 ID로 계속 간주됩니다.

  4. 이러한 각 노드(cq:ChildEditorConfig) 속성을 정의합니다.

    • 이름: type.

    • 값: 등록된 즉석 편집기의 이름입니다. 예 image 및 text.

    • 이름: title.

    • 값: 사용 가능한 편집기의 구성 요소 선택 목록에 표시되는 제목입니다. 예, Image 및 Text.

리치 텍스트 편집기에 대한 추가 구성 additional-configuration-for-rich-text-editors

여러 리치 텍스트 편집기에 대한 구성은 각 개별 RTE 인스턴스를 개별적으로 구성할 수 있으므로 약간 다릅니다. 자세한 내용은 리치 텍스트 편집기 구성. 여러 RTE를 갖도록 하여 각 즉석 RTE에 대한 구성을 생성합니다. Adobe은 아래에 새 구성 노드를 만드는 것을 권장합니다. cq:InplaceEditingConfig 따라서 각 개별 RTE는 다른 구성을 가질 수 있습니다. 새 노드 아래에 각 개별 RTE 구성을 만듭니다.

    texttext
        cq:dialog
        cq:editConfig
            cq:inplaceEditing
                cq:childEditors
                    someconfig
                        text1
                            rtePlugins
                        text2
                            rtePlugins
NOTE
그러나 RTE의 경우 configPath 구성 요소에 텍스트 편집기(편집 가능한 하위 영역)의 인스턴스가 하나만 있으면 속성이 지원됩니다. 다음 용도 configPath 구성 요소의 이전 사용자 인터페이스 대화 상자와의 이전 호환성을 지원하기 위해 가 제공됩니다.
CAUTION
RTE 구성 노드의 이름을 config. 그렇지 않으면 관리자에게만 RTE 구성을 사용할 수 있고 그룹의 사용자에게는 사용할 수 없습니다 content-author.

코드 샘플 code-samples

이 페이지의 코드는 GitHub의 aem-authoring-hybrideditors 프로젝트. 전체 프로젝트를 ZIP 아카이브.

즉석 편집기 추가 add-an-in-place-editor

즉석 편집기 추가에 대한 일반적인 내용은 문서를 참조하십시오 페이지 작성 사용자 지정.

Related Articles
recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e