Configurare più editor locali

Potete configurare l’editor Rich Text in Adobe Experience Manager in modo che contenga più editor interni. Una volta configurato, potete selezionare il contenuto appropriato e aprire l'editor appropriato.

Un editor locale specifico

Configurare più editor

Per abilitare più editor interni, la struttura di un tipo di nodo cq:InplaceEditingConfig è stata migliorata con la definizione di cq:ChildEditorConfig tipo di nodo.

Esempio:

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

Per configurare più editor, effettuate le seguenti operazioni:

  1. Sul nodo cq:inplaceEditing (di tipo cq:InplaceEditingConfig) definire le seguenti proprietà:

    • Nome:editorType
    • Tipo: String
    • Valore: hybrid
  2. Sotto questo nodo, crea un nodo:

    • Nome: cq:ChildEditors
    • Tipo: nt:unstructured
  3. Sotto il nodo cq:childEditors, create un nodo per ciascun editor locale:

    • Nome: Il nome di ciascun nodo è il nome della proprietà che rappresenta, come nel caso delle destinazioni di rilascio. Ad esempio, image e text.
    • Tipo: cq:ChildEditorConfig
    NOTA

    Esiste una correlazione tra le destinazioni di rilascio definite e gli editor secondari. Il nome del nodo cq:ChildEditorConfig viene considerato come ID destinazione di rilascio, da utilizzare come parametro per l'editor secondario selezionato. Se la sottoarea modificabile non ha una destinazione di rilascio, ad esempio, in un componente di testo, il nome dell’editor secondario viene comunque considerato come un ID per identificare l’area modificabile corrispondente.

  4. Su ciascuno di questi nodi (cq:ChildEditorConfig) definire le proprietà:

    • Nome: type.

    • Valore: il nome dell’editor locale registrato; ad esempio, image e text.

    • Nome: title.

    • Valore: Titolo visualizzato nell’elenco di selezione dei componenti degli editor disponibili. Ad esempio, Image e Text.

Configurazione aggiuntiva per editor Rich Text

La configurazione per più editor Rich Text è leggermente diversa, in quanto potete configurare ogni singola istanza RTE separatamente. Per informazioni dettagliate, vedere configurare l'Editor Rich Text. Per fare in modo che più editor Rich Text creino una configurazione per ogni editor Rich Text in loco. Adobe consiglia di creare il nuovo nodo di configurazione in cq:InplaceEditingConfig in quanto ogni singolo editor Rich Text può avere una configurazione diversa. Sotto il nuovo nodo creare ogni singola configurazione RTE.

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

Tuttavia, per l’editor Rich Text, la proprietà configPath è supportata quando nel componente è presente una sola istanza dell’editor di testo (area secondaria modificabile). Questo utilizzo di configPath viene fornito per supportare la compatibilità con le finestre di dialogo dell'interfaccia utente precedente del componente.

ATTENZIONE

Non assegnare al nodo di configurazione RTE il nome config. In caso contrario, le configurazioni dell'editor Rich Text sono disponibili solo per gli amministratori e non per gli utenti del gruppo content-author.

Esempi di codice

Il codice di questa pagina è disponibile nel progetto aem-authoring-hybridedit su GitHub. Potete scaricare l'intero progetto come un archivio ZIP.

Aggiungere un editor locale

Per informazioni generali sull'aggiunta di un editor locale, consultate il documento Customize page authoring (Personalizzare l'authoring delle pagine).

In questa pagina

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free