Konfigurera flera redigerare på plats

Du kan konfigurera RTF-redigeraren i Adobe Experience Manager så att den har flera redigerare på plats. När du har konfigurerat det kan du välja rätt innehåll och öppna rätt redigerare.

En specifik redigerare på plats

Konfigurera flera redigerare

Om du vill aktivera flera redigerare på plats har strukturen för nodtypen cq:InplaceEditingConfig förbättrats med definitionen för nodtypen cq:ChildEditorConfig.

Till exempel:

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

Så här konfigurerar du flera redigerare:

  1. I noden cq:inplaceEditing (av typen cq:InplaceEditingConfig) definierar du följande egenskaper:

    • Namn:editorType
    • Typ: String
    • Värde: hybrid
  2. Skapa en nod under den här noden:

    • Namn: cq:ChildEditors
    • Typ: nt:unstructured
  3. Skapa en nod för varje lokal redigerare under cq:childEditors-nod:

    • Namn: Namnet på varje nod är namnet på den egenskap som den representerar, vilket är fallet med släppmål. Till exempel image och text.
    • Typ: cq:ChildEditorConfig
    OBSERVERA

    Det finns en korrelation mellan de definierade släppmålen och de underordnade redigerarna. Namnet på noden cq:ChildEditorConfig betraktas som mål-ID för släppning, som används som parameter till den markerade underordnade redigeraren. Om det redigerbara delområdet inte har något släppmål, till exempel i en textkomponent, betraktas namnet på den underordnade redigeraren fortfarande som ett ID som identifierar motsvarande redigerbara område.

  4. Definiera egenskaperna för var och en av dessa noder (cq:ChildEditorConfig):

    • Namn: type.

    • Värde: Namnet på den registrerade redigeraren på plats. till exempel image och text.

    • Namn: title.

    • Värde: Titeln som visas i komponentens lista över tillgängliga redigerare. Till exempel Image och Text.

Ytterligare konfiguration för RTF-redigerare

Konfigurationen för flera textredigerare är något annorlunda eftersom du kan konfigurera varje enskild RTE-instans separat. Mer information finns i konfigurera RTF-redigeraren. Om du vill ha flera textredigerare skapar du en konfiguration för varje fast textredigerare. Adobe rekommenderar att du skapar den nya konfigurationsnoden under cq:InplaceEditingConfig eftersom varje enskild RTE kan ha olika konfigurationer. Under den nya noden skapar du varje enskild RTE-konfiguration.

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

För RTE stöds emellertid egenskapen configPath när det bara finns en instans av textredigeraren (redigerbart delområde) i komponenten. Den här användningen av configPath har stöd för bakåtkompatibilitet med äldre användargränssnittsdialogrutor för komponenten.

FÖRSIKTIGHET

Ge inte RTE-konfigurationsnoden namnet config. Annars är RTE-konfigurationerna bara tillgängliga för administratörer och inte för användare i gruppen content-author.

Kodexempel

Koden för den här sidan finns i aem-authoring-hybrideditors-projektet på GitHub. Du kan hämta hela projektet som ett ZIP-arkiv.

Lägg till en lokal redigerare

Allmän information om hur du lägger till en lokal redigerare finns i dokumentet customize page authoring.

På denna sida