Editor di pagine ed editor universale page-editor-universal-editor

L’editor di pagine continua ad essere supportato da Adobe, ma l’editor universale offre nuove possibilità per i nuovi progetti.

Esperienza pregressa background

Adobe ha introdotto l’editor universale nel 2024 come editor semplificato che adotta un approccio di sviluppo moderno basato su JavaScript. L’editor universale è la visione di Adobe per un’esperienza di authoring di contenuti visivi fluida ed estensibile.

Riconoscendo la ricca serie di funzioni dell’editor di pagine e gli innumerevoli progetti che vi investono nel corso della lunga storia di AEM, Adobe continua a supportare completamente l’editor di pagine, anche se l’innovazione sarà incentrata sull’editor universale.

Consiglio recommendation

Sebbene si stia riducendo rapidamente, rimane una differenza di funzionalità tra l’editor universale e l’editor di pagine (nella sezione successiva è disponibile un confronto delle funzionalità.)

Come regola generale:

  • I nuovi progetti dovrebbero sfruttare come impostazione predefinita l’editor universale.
  • I progetti esistenti devono continuare a utilizzare l’editor pagina e prendere in considerazione l’editor universale all’avvio di iniziative Edge Delivery o headless.

L’editor deve essere scelto interamente sulla base delle esigenze del singolo progetto.

Confronto funzioni feature-comparison

Poiché il gap di funzionalità tra i due editor si riduce costantemente, consulta le note sulla versione dell’editor universale per gli ultimi sviluppi.

Distribuzione delivery

Editor di pagine
Note
Editor universale
Note
Pubblicazione della consegna
[Disponibile]{class="badge positive"}
Consigliato per l’utilizzo con i Componenti core e i progetti AEM tradizionali
[Non disponibile]{class="badge negative"}
Le pagine tradizionali di AEM in genere si basano su diverse funzioni specifiche dell’editor pagina, che sono difficili da replicare tali e quali con l’editor universale.
Edge Delivery
[Non disponibile]{class="badge negative"}
[Disponibile]{class="badge positive"}
Consegna headless
[Parzialmente disponibile]{class="badge yellow"}
Solo con l’editor SPA, dichiarato obsoleto a favore dell’editor universale
[Disponibile]{class="badge positive"}
L’editor universale consente agli sviluppatori di creare una propria app web senza imporre requisiti di framework o vincoli di implementazione specifici.

Persistenza persistence

Editor di pagine
Note
Editor universale
Note
Modifica dei componenti di una pagina
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Modifica dei Frammenti di contenuto
[Non disponibile]{class="badge negative"}
[Disponibile]{class="badge positive"}
Inclusione dell’inserimento di nuovi frammenti e riordinamento degli stessi

Funzionalità capabilities

Editor di pagine
Note
Editor universale
Note
Modelli di pagina
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
L’editor universale è indipendente dal sistema di modelli utilizzato. Tuttavia, il modello di implementazione tipico favorisce i modelli definiti dagli sviluppatori, in quanto i moderni strumenti front-end consentono agli sviluppatori di definire e gestire più facilmente la logica dei modelli direttamente nel codice.
Modifica WYSIWYG
[Disponibile]{class="badge positive"}
Limitata alle pagine
[Disponibile]{class="badge positive"}
Pagine di supporto e frammenti di contenuto
Generare varianti
[Non disponibile]{class="badge negative"}
[Disponibile]{class="badge positive"}
Disponibile come estensione
Inserimento nuovo blocco
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Riordinamento blocco
[Disponibile]{class="badge positive"}
Possibile con trascinamento nel contesto, ma non nel pannello laterale “visualizzazione struttura”
[Disponibile]{class="badge positive"}
È possibile con trascinamento in ”visualizzazione struttura”, ma non ancora nel contesto (pianificato)
Taglia/Copia-Incolla blocco
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Applicazione stili
[Disponibile]{class="badge positive"}
Gli stili possono essere applicati ai componenti utilizzando il sistema di stili.
[Disponibile]{class="badge positive"}
Gli stili possono essere applicati utilizzando le proprietà normali del componente (o del frammento di contenuto). Lo stesso selettore di stile non è disponibile nell’editor universale, tuttavia utilizzando un widget a selezione multipla è possibile ottenere un’interfaccia utente molto simile.
Applicazione layout
[Disponibile]{class="badge positive"}
I siti devono implementare la griglia reattiva di AEM per consentire agli autori di ridimensionare i componenti in tre punti di interruzione predefiniti.
[Disponibile]{class="badge positive"}
I layout possono essere applicati utilizzando le proprietà del componente regolare (o frammento di contenuto), ma la griglia reattiva non è supportata.
Annulla-Ripristina
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Pubblicazione (anche in anteprima)
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Avvio del flusso di lavoro
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Disponibile come estensione
Commento
[Disponibile]{class="badge positive"}
Utilizzo di annotazioni
[Non disponibile]{class="badge negative"}
Pianificato
Integrazione di Workfront
[Non disponibile]{class="badge negative"}
[Disponibile]{class="badge positive"}
Disponibile come estensione
MSM e lanci
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Disponibile per le pagine come estensione
Sperimentazione e personalizzazione
[Disponibile]{class="badge positive"}
Utilizzo della modalità targeting
[Disponibile]{class="badge positive"}
Disponibile come estensione per Edge Delivery Services
Struttura contenuto
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Consente inoltre il riordinamento all’interno della struttura
Simulazione dispositivo
[Disponibile]{class="badge positive"}
È possibile simulare i dispositivi configurati, ma l’utente non può immettere manualmente dimensioni dello schermo diverse da simulare.
[Disponibile]{class="badge positive"}
È possibile immettere manualmente qualsiasi dimensione dello schermo da simulare, ma non è possibile configurare i punti di interruzione predefiniti.
Blocco pagina
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Rispetta lo stato di blocco impostato nella console Sites con l’estensione disponibile per bloccare/sbloccare le pagine dall’editor
Proprietà pagina
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Disponibile dall’amministratore del sito, con estensione per accedere anche alle proprietà delle pagine dall’editor
Proprietà con più campi
[Disponibile]{class="badge positive"}
[Non disponibile]{class="badge negative"}
Pianificato
DAM remoto
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Controllo delle versioni della pagina
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Timewarp e Visualizzazione differenze
[Disponibile]{class="badge positive"}
[Non disponibile]{class="badge negative"}
Pianificato
Visualizzazione in Amministrazione
[Disponibile]{class="badge positive"}
[Disponibile]{class="badge positive"}
Disponibile come estensione per le pagine
Visualizzare lo stato della pagina
[Disponibile]{class="badge positive"}
[Non disponibile]{class="badge negative"}
Disponibile nella console AEM Sites
Estensibilità
[Disponibile]{class="badge positive"}
Come sovrapposizioni di AEM
[Disponibile]{class="badge positive"}
Punti di estensione ben definiti utilizzando App Builder e conoscenze specifiche di AEM molto limitate

Iniziare a utilizzare l’editor universale adopt-ue

L’editor universale offre numerosi vantaggi, pertanto è una soluzione ideale per nuovi progetti.

  • Modifica visiva: come per l’editor di pagine, gli autori possono modificare il contenuto direttamente nell’anteprima e visualizzare immediatamente come le modifiche influiscono sull’esperienza del visitatore.
  • Predisposizione per il futuro: la roadmap di AEM dà priorità all’editor universale come editor visivo. Il suo utilizzo garantisce l’accesso alle innovazioni e ai miglioramenti più recenti.
  • Integrazione semplificata: non è necessario alcun SDK specifico per AEM per utilizzare l’editor universale, così si riduce il blocco dello stack tecnologico.
  • Porta la tua app: l’editor universale supporta qualsiasi framework o architettura web, consentendo l’utilizzo senza richiedere un refactoring complesso.
  • Estensibilità: l’editor universale dispone di un solido framework di estensione, che include integrazioni con GenAI, Workfront e altro ancora.

Eseguire la migrazione all’editor universale migrate-ue

Non esiste un percorso di migrazione diretta dall’editor pagina all’editor universale. Ciò è dovuto a differenze fondamentali nelle due tecnologie.

  • L’editor universale non reintroduce funzioni quali Editor modelli, Sistema di stili o Griglia reattiva.

    • Questi casi d’uso possono ora essere gestiti in modo più efficiente con CSS e JavaScript front-end snelli in Edge Delivery Services o progetti headless.
  • Poiché è un editor-as-a-service, l’editor universale non può consentire agli implementatori di inserire CSS o JS nelle finestre di dialogo dei componenti.

    • In tal modo si impedisce la conversione automatica delle finestre di dialogo dei componenti dall’editor pagina.
    • Questo interessa molte aree delle finestre di dialogo, come i widget personalizzati, la convalida dei campi, le regole mostra/nascondi e le personalizzazioni basate su modelli.
      • Anche se tali funzionalità sono ancora possibili, l’editor universale le risolve tramite la configurazione, al posto di JavaScript personalizzato distribuito nelle finestre di dialogo.

Sebbene l’editor universale possa tecnicamente abilitare le pagine di modifica per i progetti AEM tradizionali (ad esempio, generati con i componenti core), questi siti in genere si basano su diverse funzioni specifiche dell’editor pagina, come il Sistema di stili, la Griglia reattiva, i Modelli modificabili e JavaScript personalizzato all’interno delle finestre di dialogo.

Poiché l’editor universale adotta un approccio più semplice e moderno che non supporta le funzioni precedenti, la migrazione di tali siti richiederebbe un refactoring significativo. Per questo motivo, la migrazione dei siti di editor pagina nell’editor universale è consigliata solo per i progetti che passano a Edge Delivery Services.

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