ckeditor

Préambule :

Drupal 8 (D8) :
CkEditor fait partie du paquet téléchargé lors de l'installation de drupal.
Drupal 7 (D7) :
Télécharger le module ckeditor, l'installer. Télécharger le programme (librairie) sur ckeditor.com. J'ai choisi une version complète toute prête. J'ai décompacté le contenu de l'archive téléchargée dans le dossier "sites/all/modules/ckeditor/ckeditor".

Le paramétrage du module CKEditor :

Sous D7 : suivre les deux étapes ci-dessous ; sous D8 : aller directement au point 2

  1. les paramètres globaux :
    On y accède par "configuration - rédaction de contenu - CKEditor -modifier le profil global ".
    Les éléments indispensables à configurer sont :
  • chemin de CKeditor  ; //cdn.ckeditor.com/4.4.0/full-all  --- c'est effectivement le plus simple
  • chemin local de CKEditor (à laisser vide) ;
  • chemin vers le répertoire de plugins de CKEditor  : %m/plugins  --- pour correspondre à notre installation ;
  • chemin local vers le dossier de plugins de CKEditor (à laisser vide) .
  1. Les profils :
    On y accède par "configuration - rédaction de contenu - CKEditor -modifier le profil full (ou advanced)l "
    Les éléments essentiels à configurer sont :
  • l'apparence de l'éditeur avec en particulier
    • sous D7 uniquement : le choix de la barre de boutons ( standard - avancé - complet ) ;
    • l'ajout ou le retrait de boutons dont le nombre dépend des modules installés  (color button, embed média, linkit par exemple) ;
    • le choix des plugins ( qui conditionne la présence de certains boutons) ;
    • sous D7 uniquement : la couleur et le style ;
    • la langue ...
  • les options avancées
    • sous D7 uniquement : configuration Javascript personnalisée ( j'ai ajouté : config.allowedContent=true pour l'utilisation de embeded media)
  1. IMCE : un explorateur de fichiers

Pour obtenir un explorateur de fichier, j'installe et j'active le module IMCE. Je n'oublie pas d'activer les droits nécessaires configuration- média - IMCE (ou admin/config/media/imce) par exemple en modifiant les éléments du profil de base.

  1. Les modules complémentaires pour D8
     
    1. Color Button

Ce module ( qui nécessite Panel Button) permet d'obtenir les boutons permettant de colorer le texte ou l'arrière plan. Suivre la documentation des modules pour les installer et n'oubliant pas de placer les bibliothèques JS télécharchées dans un dossier "libraries" placer directement à la racine du site comme l'indique l'image ci-contre :

ckeditor1.png
l'arborescence à obtenir

Quelques idées qui restent à développer :

distinguer les plugins propres à Ckeditor ( ex : oembed - bouton media embeded - case à cocher plugging for inserting Drupal embeded media

et les modules comme linkIt ou ckeditor SWF (qui installent également des plugins):


 

-*- sam 15/03/2014 - 15:46 -*-
daniel humbert