Page Editor och Universal Editor page-editor-universal-editor

Sidredigeraren stöds fortfarande av Adobe, men den universella redigeraren ger nya projekt spännande möjligheter.

Bakgrund background

Adobe introducerade den universella redigeraren 2024 som en smidig redigerare som använder en modern Javascript-baserad utvecklingsmetod. Universell redigerare är Adobe vision för en smidig och utbyggbar visuell redigeringsupplevelse.

Med tanke på sidredigerarensomfattande funktionsuppsättning och otaliga projekt som investerar i den över AEM långa historia fortsätter Adobe att ge fullt stöd åt sidredigeraren, men innovationen kommer att inriktas på den universella redigeraren.

Rekommendation recommendation

Även om det går snabbt att förminska finns det ett funktionsavstånd mellan Universal Editor och Page Editor (en funktionsjämförelse finns i nästa avsnitt).

Som tumregel:

  • Nya projekt bör använda den universella redigeraren som standard.
  • Befintliga projekt bör fortsätta använda sidredigeraren och använda den universella redigeraren när du startar Edge Delivery eller Headless.

Vilken redigerare du väljer bör styras helt av det enskilda projektets behov.

Funktionsjämförelse feature-comparison

Eftersom luckan mellan de två redigerarna ständigt krymper bör du läsa versionsinformationen för den universella redigeraren för att få den senaste utvecklingen.

Leverans delivery

Page Editor
Anteckningar
Universal Editor
Anteckningar
Publicera leverans
[Tillgänglig]{class="badge positive"}
Rekommenderas för användning med Core Components och traditionella AEM-projekt
[Inte tillgänglig]{class="badge negative"}
Vanliga AEM-sidor använder ofta flera funktioner som är svåra att kopiera som de är med den universella redigeraren.
Edge Delivery
[Inte tillgänglig]{class="badge negative"}
[Tillgänglig]{class="badge positive"}
Headless Delivery
[Delvis tillgänglig]{class="badge yellow"}
Endast med SPA-redigeraren, som är inaktuellt till förmån för den universella redigeraren
[Tillgänglig]{class="badge positive"}
Med Universell redigerare kan utvecklare ta med sig ett eget webbprogram utan att införa några specifika ramverkskrav eller implementeringsbegränsningar.

Persistence persistence

Page Editor
Anteckningar
Universal Editor
Anteckningar
Redigera sidkomponenter
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Redigera innehållsfragment
[Inte tillgänglig]{class="badge negative"}
[Tillgänglig]{class="badge positive"}
Inkludera infogning av nya och sortering av fragment

Funktioner capabilities

Page Editor
Anteckningar
Universal Editor
Anteckningar
Sidmallar
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Universal Editor känner inte av vilket mallsystem som används. Det typiska implementeringsmönstret prioriterar dock mallar som definierats av utvecklare, eftersom moderna frontend-verktyg gör det mycket enklare för utvecklare att definiera och underhålla malllogik direkt i koden.
WYSIWYG Editing
[Tillgänglig]{class="badge positive"}
Begränsat till sidor
[Tillgänglig]{class="badge positive"}
Stödsidor och innehållsfragment
Generera variationer
[Inte tillgänglig]{class="badge negative"}
[Tillgänglig]{class="badge positive"}
Tillgängligt som tillägg
Infoga nytt block
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Ordna om block
[Tillgänglig]{class="badge positive"}
Möjligt med dra-och-släpp i sitt sammanhang, men inte i sidopanelen i trädvyn
[Tillgänglig]{class="badge positive"}
Möjligt via dra-och-släpp i sidopanelen "Trädvy", men inte i sitt sammanhang (planerat)
Klipp ut/kopiera/klistra in block
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Använd format
[Tillgänglig]{class="badge positive"}
Format kan användas på komponenter med Style System.
[Tillgänglig]{class="badge positive"}
Du kan använda format med vanliga komponentegenskaper (eller Content Fragment). Samma formatväljare är inte tillgänglig i Universal Editor, men om du använder en flervalswidget kan du uppnå ett mycket liknande användargränssnitt.
Använd layout
[Tillgänglig]{class="badge positive"}
Webbplatser måste implementera AEM responsiva stödraster för att författare ska kunna ändra storlek på komponenter över tre fördefinierade brytpunkter.
[Tillgänglig]{class="badge positive"}
Layouter kan användas med vanliga komponentegenskaper (eller Content Fragment), men det responsiva stödrastret stöds inte.
Ångra-Gör om
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Publicera (även för förhandsgranskning)
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Starta arbetsflöde
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Tillgängligt som tillägg
Kommentarer
[Tillgänglig]{class="badge positive"}
Använda anteckningar
[Inte tillgänglig]{class="badge negative"}
Planerad
Integrering med Workfront
[Inte tillgänglig]{class="badge negative"}
[Tillgänglig]{class="badge positive"}
Tillgängligt som tillägg
MSM och startprogram
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Tillgängligt för sidor som tillägg
Experimentera och personalisera
[Tillgänglig]{class="badge positive"}
Använder målläge
[Tillgänglig]{class="badge positive"}
Finns som tillägg för Edge Delivery Services
Innehållsträd
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Det går även att ändra ordning i trädet
Enhetssimulering
[Tillgänglig]{class="badge positive"}
Konfigurerade enheter kan simuleras,, men användaren kan inte ange några olika skärmdimensioner att simulera manuellt.
[Tillgänglig]{class="badge positive"}
Alla skärmdimensioner som ska simuleras kan anges manuellt,, men standardbrytpunkter kan inte konfigureras.
Sidlåsning
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Respterar låsstatus som angetts i Sites Console med tillägg för att låsa/låsa upp sidor från redigeraren
Sidegenskaper
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Tillgängligt från Webbplatsadministratör, med tillägg för att även komma åt egenskaper för sidor från redigeraren
Egenskaper för flera fält
[Tillgänglig]{class="badge positive"}
[Inte tillgänglig]{class="badge negative"}
Planerad
Fjärr-DAM
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Sidversionshantering
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
TimeWarp och Diff-vy
[Tillgänglig]{class="badge positive"}
[Inte tillgänglig]{class="badge negative"}
Planerad
Visa i administratör
[Tillgänglig]{class="badge positive"}
[Tillgänglig]{class="badge positive"}
Tillgängligt som tillägg för sidor
Visa sidstatus
[Tillgänglig]{class="badge positive"}
[Inte tillgänglig]{class="badge negative"}
Finns i webbplatskonsolen
Utbyggbarhet
[Tillgänglig]{class="badge positive"}
Som AEM-övertäckningar
[Tillgänglig]{class="badge positive"}
Som tydligt definierade tilläggspunkter med App Builder och mycket liten AEM-specifik kunskap

Använda den universella redigeraren adopt-ue

Den universella redigeraren har många fördelar och är därför en utmärkt lösning för nya projekt.

  • Visuell redigering: Precis som för sidredigeraren kan författare redigera innehåll direkt i förhandsgranskningen och omedelbart se hur ändringarna påverkar besökarupplevelsen.
  • Framtidsgranskning: AEM färdplan prioriterar den universella redigeraren som visuell redigerare. Genom att använda det får du tillgång till de senaste innovationerna och förbättringarna.
  • Förenklad integrering: Det krävs ingen AEM-specifik SDK för att använda den universella redigeraren, vilket reducerar tilllåsning av högtalarsystem.
  • Använd din egen app: Den universella redigeraren har stöd för alla webbramverk och -arkitekturer, vilket gör att du kan börja använda programmet utan att behöva göra en komplex omfaktorisering.
  • Utbyggbarhet: Den universella redigeraren drar nytta av ett robust tilläggsramverk, inklusive integreringar med GenAI, Workfront med flera.

Migrera till Universal Editor migrate-ue

Det finns ingen direkt migreringssökväg från sidredigeraren till den universella redigeraren. Detta beror på de två teknikernas grundläggande skillnader.

  • Den universella redigeraren återinför inte funktioner som mallredigeraren, formatsystemet eller det responsiva stödrastret.

    • De här användningsområdena kan nu hanteras effektivare med tunn frontend-CSS och Javascript i Edge Delivery Services eller headless-projekt.
  • Eftersom den universella redigeraren är en redigerare som en tjänst kan den inte tillåta att implementerare injicerar CSS eller JS i komponentdialogrutorna.

    • Detta förhindrar automatisk konvertering av komponentdialogrutor från sidredigeraren.
    • Detta påverkar många områden i dialogrutorna, t.ex. anpassade widgetar, fältvalidering, visa/dölj regler och mallbaserade anpassningar.
      • Dessa funktioner är fortfarande möjliga, men i Universell redigerare löses de genom konfiguration i stället för att JavaScript distribueras i dialogrutor.

Medan Universell redigerare tekniskt kan aktivera redigering av sidor för traditionella AEM-projekt (t.ex. skapade med Core Components), är dessa webbplatser vanligtvis beroende av flera funktioner som är specifika för sidredigeraren, t.ex. Style System, Responsive Grid, Editable Templates och anpassad JavaScript i dialogrutor.

Eftersom den universella redigeraren följer ett mer strömlinjeformat, modernt arbetssätt som inte har stöd för dessa äldre funktioner, behöver du omfaktorisera om du migrerar sådana webbplatser. Därför bör du bara migrera sidredigeringswebbplatser till den universella redigeraren för projekt som övergår till Edge Delivery Services.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab