Meerdere lokale editors configureren

U kunt de Rich Text Editor in Adobe Experience Manager zodanig configureren dat deze meerdere op zijn plaats geplaatste editors heeft. Wanneer gevormd kunt u de aangewezen inhoud selecteren en de aangewezen redacteur openen.

Een specifieke interne editor

Meerdere editors configureren

Om veelvoudige op zijn plaats redacteurs toe te laten is de structuur van een cq:InplaceEditingConfig knooptype verbeterd met de definitie van cq:ChildEditorConfig knooptype.

Bijvoorbeeld:

   /**
       * 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)

Voer de volgende stappen uit om meerdere editors te configureren:

  1. Definieer in het knooppunt cq:inplaceEditing (van het type cq:InplaceEditingConfig) de volgende eigenschappen:

    • Naam:editorType
    • Type: String
    • Waarde: hybrid
  2. Onder dit knooppunt maakt u een knooppunt:

    • Naam: cq:ChildEditors
    • Type: nt:unstructured
  3. Onder cq:childEditors knoop, creeer een knoop voor elke op zijn plaats redacteur:

    • Naam: De naam van elke knoop is de naam van het bezit dat het vertegenwoordigt, zoals het geval met dalingsdoelstellingen is. Bijvoorbeeld image en text.
    • Type: cq:ChildEditorConfig
    OPMERKING

    Er is een correlatie tussen de gedefinieerde neerzetdoelen en de onderliggende editors. De naam van de cq:ChildEditorConfig knoop wordt beschouwd als dalingsdoel identiteitskaart, voor gebruik als parameter aan de geselecteerde kindredacteur. Als het bewerkbare subgebied bijvoorbeeld geen neerzetdoel heeft in een tekstcomponent, wordt de naam van de onderliggende editor nog steeds beschouwd als een id om het overeenkomende bewerkbare gebied te identificeren.

  4. Definieer op elk van deze knooppunten (cq:ChildEditorConfig) de eigenschappen:

    • Naam: type.

    • Waarde: de naam van de geregistreerde interne editor; bijvoorbeeld image en text.

    • Naam: title.

    • Waarde: De titel die wordt weergegeven in de keuzelijst met componenten van de beschikbare editors. Bijvoorbeeld Image en Text.

Aanvullende configuratie voor Rich Text Editors

De configuratie voor veelvoudige Rich Text Editors is lichtjes verschillend aangezien u elke individuele instantie van RTE afzonderlijk kunt vormen. Zie De Rich Text Editor configureren voor meer informatie. Om veelvoudige RTEs te hebben creeer een configuratie voor elke op zijn plaats RTE. Adobe adviseert het creëren van de nieuwe configuratieknoop onder cq:InplaceEditingConfig aangezien elke individuele RTE een verschillende configuratie kan hebben. Onder de nieuwe knoop creeert elke individuele configuratie van RTE.

    texttext
        cq:dialog
        cq:editConfig
            cq:inplaceEditing
                cq:childEditors
                    someconfig
                        text1
                            rtePlugins
                        text2
                            rtePlugins
OPMERKING

Voor RTE wordt de eigenschap configPath echter ondersteund wanneer de component slechts één instantie van een teksteditor (bewerkbaar subgebied) bevat. Dit gebruik van configPath wordt verstrekt om achterwaartse verenigbaarheid met oudere gebruikersinterfacedialogen van de component te steunen.

LET OP

Noem niet de de configuratieknoop van RTE als config. Anders, zijn de configuraties RTE beschikbaar voor slechts de beheerders en niet voor de gebruikers in de groep content-author.

Codevoorbeelden

U kunt de code van deze pagina op aem-authoring-hybrideditors project op GitHub vinden. U kunt het volledige project als een archief van het PIT downloaden.

Een interne editor toevoegen

Voor algemene informatie over het toevoegen van een op plaats-redacteur zie het document aanpassen pagina creatie.

Op deze pagina