Faites éclater votre Drupal 9 CKEditor – 4 modules utiles dont vous ignoriez l’existence

La fonctionnalité CMS la plus importante est en fait l’éditeur de contenu. De plus, Drupal a considérablement amélioré ses capacités de gestion de contenu avec diverses nouvelles fonctionnalités pour Drupal 8/9, notamment le système de widgets CKEditor et le filtre de contenu avancé (ACF), grâce à la centrale électrique qu’est CKEditor comme outil d’édition de texte enrichi par défaut. Donc, oui, même avec les fonctionnalités par défaut, c’est assez puissant. Mais certains modules et plug-ins contribués peuvent vous aider à vraiment améliorer votre jeu CKEditor. En savoir plus sur les modules complémentaires les plus intéressants et les plus intrigants pour CKEditor dans les paragraphes suivants.

L’éditeur CK de Drupal 9

Tout d’abord, pour ceux qui ne connaissent pas Drupal, l’éditeur riche par défaut WYSIWYG (ce que vous voyez est ce que vous obtenez) dans Drupal 8 et 9 est CKEditor 4.5. Il s’agit d’un éditeur de texte qui aide les administrateurs de sites Web à ajouter et à modifier du contenu sur des pages Web. Semblable à Drupal, CKEditor est un projet open source qui a récemment reçu une mise à jour avec un certain nombre de nouvelles fonctionnalités puissantes qui seront encore développées. Les contributeurs à Drupal visent à intégrer la version la plus récente et la plus à jour, CKEditor 5, dans Drupal 10, dans le cadre de la campagne de préparation de Drupal 10.

Maintenant que nous avons réglé les bases, passons aux mises à niveau !

Extension de CKEditor avec ces fantastiques modules Drupal 9

1. CKEditor En savoir plus

Vous connaissez ces occasions où vous voulez offrir au lecteur la possibilité de lire le reste du matériel dans un long passage ? Utilisez l’option Lire la suite de CKEditor à ce stade pour encourager vos utilisateurs à « lire la suite » tout en conservant un style condensé pour votre site Web. Une fois que vous avez installé le module contributeur, Drupal 9 offre un moyen simple et rapide d’activer la fonctionnalité Lire plus/Afficher moins.

Implémentation du module :

Une fois ce module installé, vous devrez configurer quelques paramètres :

1. Modifiez le format de texte préféré et activez « Limiter les balises HTML autorisées ».
2. Ajoutez
   dans « Balises HTML autorisées ». Désactivez la « Limiter les balises HTML autorisées » et appuyez sur Enregistrer.
3. Maintenant, faites glisser et déposez l’icône « En savoir plus » des boutons disponibles vers la barre d’outils active (comme indiqué dans l’image ci-dessus) et appuyez sur Enregistrer.
4. Après avoir vidé le cache, vous trouverez l’icône « En savoir plus » dans l’éditeur de texte lorsque vous choisissez le « Format de texte préféré ».

2. Bouton de couleur CKEditor

Par défaut, CKEditor ne vous offre pas la possibilité de modifier la couleur du texte dans l’éditeur. Cependant, le module Drupal 9 CKEditor Color Button doit figurer sur votre liste si vous souhaitez modifier la couleur d’un texte particulier ou même mettre en surbrillance le texte avec différentes couleurs. Gardez à l’esprit que l’installation de ce module nécessite également l’installation du module de boutons du panneau, et l’installation de ces deux modules nécessite l’installation de la bibliothèque de boutons de couleur et de la bibliothèque de boutons du panneau. Le bouton de couleurs peut être déplacé des boutons disponibles vers la barre d’outils active dans le format de texte approprié après avoir installé les modules et ajouté des bibliothèques au dossier des bibliothèques du thème.

3. CKEditor Youtube

Le module Drupal 9 CKEditor Youtube vous aide à ajouter des vidéos Youtube dans votre contenu sans long code d’intégration. Après avoir installé et déplacé le formulaire d’icône Youtube des boutons disponibles vers la barre d’outils active, vous pouvez trouver les icônes Youtube dans l’éditeur de texte dans le format de texte préféré. Ce module dépend de la bibliothèque.

4. Extrait de code CKEditor

Vous pouvez insérer du « contenu de code », c’est-à-dire du code mis en surbrillance et correctement formaté, dans le contenu à l’aide du module CKEditor CodeSnippet. Ce module utilise le package highlight-js et tous ses styles pris en charge. Le composeur installera automatiquement la bibliothèque lors de l’installation de ce module. Après avoir installé ce module, vous pouvez basculer l’icône « extrait de code » du bouton Disponible vers la barre d’outils active.

Les paramètres de format de texte pour le plugin CKEditor ont maintenant un onglet Code Snippet. Vous pouvez sélectionner ou désélectionner les langages de programmation pris en charge ici.

Conclusion:

Même sans tous ces add-ons fantastiques, CKEditor est l’un des éditeurs WYSIWYG les plus conviviaux et les plus efficaces disponibles. De nombreux plugins et modules supplémentaires peuvent vous aider à développer et à personnaliser davantage votre éditeur. Il fournit un moyen évolutif et efficace d’utiliser CK Editor.

Faites-nous savoir en cas de questions, n’hésitez pas à nous contacter via les commentaires.

TROUVÉ CELA UTILE ? PARTAGEZ-LE