Konfigurera flera redigerare på plats
- Ämnen:
- Developing
Skapat för:
- Developer
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.
Konfigurera flera redigerare
Så här aktiverar du flera redigerare på plats strukturen för en cq:InplaceEditingConfig
nodtypen har förbättrats med definitionen av cq:ChildEditorConfig
nodtyp.
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:
-
På noden
cq:inplaceEditing
(av typcq:InplaceEditingConfig
) definierar du följande egenskaper:- Namn:
editorType
- Typ:
String
- Värde:
hybrid
- Namn:
-
Skapa en nod under den här noden:
- Namn:
cq:ChildEditors
- Typ:
nt:unstructured
- Namn:
-
Under
cq:childEditors
skapar du en nod för varje redigerare på plats:- Namn: Namnet på varje nod är namnet på den egenskap som den representerar, vilket är fallet med släppmål. Till exempel:
image
ochtext
. - Typ:
cq:ChildEditorConfig
NOTE
Det finns en korrelation mellan de definierade släppmålen och de underordnade redigerarna. Namnet påcq:ChildEditorConfig
noden betraktas som det släppmål-ID 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. - Namn: Namnet på varje nod är namnet på den egenskap som den representerar, vilket är fallet med släppmål. Till exempel:
-
På var och en av dessa noder (
cq:ChildEditorConfig
) definierar egenskaperna:-
Namn:
type
. -
Värde: Namnet på den registrerade redigeraren på plats. till exempel
image
ochtext
. -
Namn:
title
. -
Värde: Titeln som visas i komponentens lista över tillgängliga redigerare. Till exempel:
Image
ochText
.
-
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
configPath
-egenskapen stöds 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.config
. Annars är RTE-konfigurationerna bara tillgängliga för administratörer och inte för användarna i gruppen content-author
.Kodexempel
Koden för den här sidan finns på aem-authoring-hybrideditors project on GitHub. Du kan hämta hela projektet som ett ZIP-arkiv.
Lägga till en lokal redigerare
Allmän information om hur du lägger till en redigerare på plats finns i dokumentet anpassa sidredigering.
Experience Manager
- Utveckla användarhandboken - översikt
- Introduktion för utvecklare
- Komma igång med utveckling i AEM Sites – WKND-självstudiekurs
- AEM kärnbegrepp
- Struktur för det AEM användargränssnittet med pekskärm
- Koncepten i det AEM användargränssnittet med pekskärm
- AEM - riktlinjer och bästa praxis
- Använda bibliotek på klientsidan
- Developing and Page Diff
- Begränsningar för redigerare
- CSRF Protection Framework
- Datamodellering - David Nueschelers modell
- Bidrar till AEM
- Dokumentskydd
- Referensmaterial
- Skapa en webbplats med alla funktioner (Classic UI)
- Designer och Designer (Classic UI)
- Plattform
- Fusklapp för Sling
- Använda Sling-adaptrar
- Taggbibliotek
- Mallar
- Använda Sling Resource Merger i AEM
- Övertäckningar
- Namnkonventioner
- Skapa en ny GRE-fältkomponent
- Query Builder
- Taggar
- Anpassa sidor som visas av felhanteraren
- Anpassade nodtyper
- Lägga till teckensnitt för grafikåtergivning
- Ansluta till SQL-databaser
- Extern URL
- Skapa och använda jobb för avlastning
- Konfigurerar cookie-användning
- Så här programmässigt kommer du åt AEM JCR
- Integrera tjänster med JMX-konsolen
- Developing the Bulk Editor
- Utveckla rapporter
- eCommerce
- Komponenter
- Kärnkomponenter
- Formatsystem
- Komponenter - översikt
- AEM - Grunderna
- Utveckla AEM
- Utveckla AEM - kodexempel
- JSON-exporterare för innehållstjänster
- Aktivera JSON-export för en komponent
- Bildredigeraren
- Dekoration-tagg
- Använda Dölj villkor
- Konfigurera flera redigerare på plats
- Utvecklarläge
- Testa användargränssnittet
- Komponenter för innehållsfragment
- Hämta sidinformation i JSON-format
- Internationalisering
- Klassiska gränssnittskomponenter
- Headless Experience Management
- Headless och Hybrid with AEM
- Aktivera JSON-export för en komponent
- Enkelsidiga program
- SPA introduktion och genomgång
- SPA WKND - självstudiekurs
- Getting Started with SPA in AEM - React
- Komma igång med SPA i AEM - Angular
- Implementera en React Component for SPA
- SPA djupdykning
- SPA
- Utveckla SPA för AEM
- SPA Blueprint
- SPA
- Dynamisk mappning av modell till komponent för SPA
- SPA
- SPA och Adobe Experience Platform Launch Integration
- SPA- och serveråtergivning
- SPA referensmaterial
- HTTP-API
- Innehållsfragment
- Experience Fragments
- Utvecklingsverktyg
- Utvecklingsverktyg
- AEM Modernization Tools
- Dialogruteredigeraren
- Verktyget Dialogkonvertering
- Utveckla med CRXDE Lite
- Hantera paket med Maven
- Utveckla AEM projekt med Eclipse
- Skapa AEM projekt med Apache Maven
- Utveckla AEM projekt med IntelliJ IDEA
- Så här använder du VLT-verktyget
- Så här använder du proxyserververktyget
- AEM Brackets Extension
- AEM Developer Tools for Eclipse
- AEM
- Personanpassning
- Utöka AEM
- Anpassa sidredigering
- Anpassa konsolerna
- Anpassa vyer av Sidegenskaper
- Konfigurera din sida för gruppredigering av sidegenskaper
- Anpassa och utöka Content Fragments
- Utöka arbetsflöden
- Utöka Multi Site Manager
- Spårning och analys
- Cloud Services
- Skapa anpassade tillägg
- Forms
- Integrera tjänster med JMX-konsolen
- Developing the Bulk Editor
- Utöka Classic UI
- Testning
- Bästa praxis
- Mobil webb