Aller au contenu principal


CKEditor Configuration

Pour configurer CKEditor, il faut se rendre sur "administration - configuration - rédaction de contenu - CKEditor" ( /admin/config/content/formats) pour choisir le profil à modifier.
On obtient l'image ci-dessous :

Billet créé le :
22 nov 2020

Cliquer pour agrandir l'image

1. Configuration de la barre d'outils

J'ai observé plusieurs fois un bug d'affichage lié à l'ajout du bouton "link" date : juin 2023 version drupal : 10.1 
Ce bug est corrigé par la mise à jour version 2.2.4 du module Editor Advanced link
Le module CKEditor 5 - Font Plugin (Text Color, Background Color) plante toujours  sur la mise à jour drupal 10.1.

Déplacez les boutons de la zone "boutons disponibles" vers la zone barre d'outils active.

2. Paramétrer les plugins

advanced link : cochez les attributs que vous souhaitez utiliser ;

liste déroulante des styles : ajouter vos propres classes. ;

font color : ajouter vos propres couleurs ;

...

L'image suivante illustre l'ajout de 2 styles. La syntaxe doit respecter la structure "<nom d'une balise HTML>.<nom d'une classe>|<nom du style tel qu'il apparaitra dans ckeditor>". La classe doit être définie dans un des fichiers CSS du site.

Cliquer pour agrandir l'image

3. Ordonner les profils

Le profil en haut de la liste est celui qui sera proposé par défaut. Il est donc fort pratique d' y placer celui que vous utilisez le plus fréquemment. Dans mon cas, c'est le profil HTML complet (cf. image ci-dessous.)

Cliquez pour agrandir l'image

 

Le format de texte utilisé est stocké dans le champ "body_format" de la table "block_content_revision__body". Il peut donc être modifié en cas de difficulté directement dans cette table. Lire ce billet qui montre comment un article est stocké dans la base de données du site.