CKEditor 5, il nuovo editor WYSIWYG integrato in Drupal 10

Le potenzialità e le nuove feature del sistema di creazione dei contenuti integrato nel CMS by Acquia

CKEditor5 integrazione drupal

Drupal 10, una nuova versione piena di novità

Sono passati ormai più di 6 mesi dal rilascio ufficiale di Drupal 10, l’ultima versione del CMS enterprise dedicato a realtà aziendali strutturate.

Tra le feature più interessanti che abbiamo avuto modo di approfondire in questo periodo non possiamo non citare Project Browser, Starterkit Themes e Automatic Updates, ma quella che ha suscitato di più il nostro interesse e che apre tanti nuovi scenari, soprattutto a livello di content creation e di strategie di business, è sicuramente l’integrazione di CKEditor 5.

Editor WYSIWYG, creare HTML tramite un’interfaccia visuale

Prima di analizzare in modo approfondito l’integrazione tra Drupal e CKEditor, facciamo un piccolo passo indietro, provando a spiegare cos’è CKEditor e perché, insieme ad altri editor WYSIWYG, ha rivoluzionato il modo di creare contenuti.

CKEditor 5


Grazie a questi strumenti infatti, grazie a toolbar e sistemi di drag-and-drop anche utenti senza esperienza nell’ambito della programmazione, possono facilmente creare e aggiornare contenuti web (creando in modo automatico tag HTML) tramite un semplice editor di testo.

Detto in modo più semplice, con CKEditor è possibile creare contenuti di una pagina web in modo molto simile a come scriviamo ed editiamo un documento su Word.

Drupal e CKEditor 5: un’integrazione vincente per un’esperienza utente migliorata

CKEditor 5 è l’editor predefinito in Drupal 10, e le sue nuove potenti funzionalità lo rendono molto più di un semplice aggiornamento rispetto alla versione 4: infatti CKEditor 5 è stato riscritto completamente da zero, per rivedere e ottimizzare l’esperienza di modifica dei contenuti da parte degli utilizzatori.

img table


Ma cosa dobbiamo aspettarci da questa integrazione?
Vediamo insieme i punti principali e le funzionalità più interessanti:

Una nuova e migliorata UX:

CKEditor si presenta con una nuova e moderna interfaccia studiata su misura per ottimizzare l’esperienza di utilizzo da parte degli editor. Inoltre, si integra perfettamente con l’interfaccia del back-office di Drupal 10.

Toolbar Media Widget dedicata:

Finalmente i media in CKEditor potranno essere elaborati (editando gli stessi o gestendo le loro proprietà) tramite una comodissima toolbar che permetterà agli utilizzatori di lavorare in modo più efficiente e veloce rispetto alle precedenti finestre di dialogo, che portavano spesso problemi di rallentamento del sistema.

Possibilità di lavorare in modo ottimizzato con le tabelle:

In questa ultima versione lavorare con le tabelle è semplice e intuitivo, grazie a strumenti dedicati facili e veloci da utilizzare. Gestire grandezze, celle e allineamenti non sarà più complicato come in passato e gli utenti potranno gestire i propri dati tabellari anche in ottica responsive.

Funzionalità “Premium”:

Se già di base CKEditor 5 si presenta come uno strumento nato per ottimizzare la creazione di contenuti, grazie all’installazione del modulo “CKEditor 5 Premium Features” (e all’acquisto di una licenza di utilizzo), sarà possibile accedere a funzionalità molto interessanti in ottica “collaborativa” e di revisione dei contenuti.
Saranno infatti disponibili:

  • “Track Change” per gestire le modifiche dei contenuti e la loro approvazione
  • “Revision History” che implementa un sistema di revisioni e di confronto e rollback delle stesse
  • “Comments” per aggiungere commenti in qualsiasi blocco di contenuto
  • “Real-Time Collaboration”, che permette a più utenti di lavorare simultaneamente allo stesso contenuto
  • “Notifications”, che tramite un sistema di notifiche via email e visuali a livello di back-office permette di tracciare qualsiasi modifica (anche tramite configurazioni custom)
  • “Export to Work and PDF”, che permette la creazione di PDF o documenti Word tramite un bottone, per esportare quanto creato in CKEditor 5

Un editor e un’integrazione tra sistemi in continua evoluzione 

Oltre alle funzionalità già citate, è possibile installare diversi moduli “contrib” per aumentare le potenzialità di CKEditor 5 in Drupal.

Dalla gestione delle Toolbar fino all’implementazione di librerie di icone (come ad esempio Material Icons Module) e tanto altro, aziende e community di sviluppatori stanno lavorando senza sosta per produrre nuove integrazioni e nuove funzionalità per questo strumento.
Noi di Hinto® non siamo certo rimasti a guardare, ma abbiamo voluto dare il nostro contributo creando un modulo che permette di integrare i servizi di OPEN AI all’interno di CKEditor 5 utilizzando l’intelligenza artificiale per validare i contenuti creati in ottica SEO, effettuare il retrieve di immagini partendo da input da parte dell’utente e tante altre funzionalità.
Il modulo, mantenuto ad oggi dal nostro Raffaele Chiocca, Drupal Ambassador e membro attivo della community Drupal, è presente nel repository ufficiale Drupal e raggiungibile tramite questo link.

Se sei interessato ad approfondire le potenzialità di questo modulo, vuoi saperne di più su CKEditor 5, o stai cercando un partner per la creazione e gestione dei tuoi progetti Drupal, non esitare a contattarci.

Realizziamo qualcosa di straordinario insieme!

Siamo consulenti prima che partner, scrivici per sapere quale soluzione si adatta meglio alle tue esigenze. Potremo trovare insieme la soluzione migliore per dare vita ai tuoi progetti.