Ckeditor

De Wiki.

Sommaire

Appel dans le fichier config.php

define ("DEF_FCK_VERSION", "ckeditor");
define ("DEF_FCK_TOOLBARSET","Full"); // variable déjà existante à modifier


File manager

utilisation du module gratuit Filemanager-master

https://github.com/simogeo/Filemanager

Mise à jour du File manager

Ne pas oublier de modifier le fichier filamaner.min.js comme ceci : la fonction SetUrl() doit posséder 4 paramètres au final alors qu'elle en possède 3 dans la version original du fichier

 - fichier original : window.opener.SetUrl(e,b.Properties.Width,b.Properties.Height):window.opener.SetUrl(e),
 - fichier modifié final : window.opener.SetUrl(e,c.Properties.Width,c.Properties.Height,window.top.name):window.opener.SetUrl(e),

Ajouter la suppression des caractères [ et ] dans la fonction cleanString du fichier \Filemanager-master\connectors\php\filemanager.class.php

$mapping = array(
			'Š'=>'S', 'š'=>'s', 'Đ'=>'Dj', 'đ'=>'dj', 'Ž'=>'Z', 'ž'=>'z', 'Č'=>'C', 'č'=>'c', 'Ć'=>'C', 'ć'=>'c',
			'À'=>'A', 'Á'=>'A', 'Â'=>'A', 'Ã'=>'A', 'Ä'=>'A', 'Å'=>'A', 'Æ'=>'A', 'Ç'=>'C', 'È'=>'E', 'É'=>'E',
			'Ê'=>'E', 'Ë'=>'E', 'Ì'=>'I', 'Í'=>'I', 'Î'=>'I', 'Ï'=>'I', 'Ñ'=>'N', 'Ò'=>'O', 'Ó'=>'O', 'Ô'=>'O',
			'Õ'=>'O', 'Ö'=>'O', 'Ő'=>'O', 'Ø'=>'O', 'Ù'=>'U', 'Ú'=>'U', 'Û'=>'U', 'Ü'=>'U', 'Ű'=>'U', 'Ý'=>'Y',
			'Þ'=>'B', 'ß'=>'Ss','à'=>'a', 'á'=>'a', 'â'=>'a', 'ã'=>'a', 'ä'=>'a', 'å'=>'a', 'æ'=>'a', 'ç'=>'c',
			'è'=>'e', 'é'=>'e', 'ê'=>'e', 'ë'=>'e', 'ì'=>'i', 'í'=>'i', 'î'=>'i', 'ï'=>'i', 'ð'=>'o', 'ñ'=>'n',
			'ò'=>'o', 'ó'=>'o', 'ô'=>'o', 'õ'=>'o', 'ö'=>'o', 'ő'=>'o', 'ø'=>'o', 'ù'=>'u', 'ú'=>'u', 'ű'=>'u',
			'û'=>'u', 'ý'=>'y', 'ý'=>'y', 'þ'=>'b', 'ÿ'=>'y', 'Ŕ'=>'R', 'ŕ'=>'r', ' '=>'_', "'"=>'_', '/'=>'', 
			'['=>'', ']'=>''
	);

création d'un nouveau bouton

  • choisir un nom pour le bouton et l'utiliser pour toutes les actions ci-dessous, ex : new_bouton
  • créer le plugin dans le dossier "ckeditor/plugins/new_bouton"

dans le dossier new_button  :

> plugin.js => action sur le bouton
> dialogs/new_button_js => action sur le bouton
> image/icone.png => icone du bouton


  • modifier le fichier /ckeditor/config.php de ckeditor

ajouter le bouton "new_bouton" dans la liste des boutons

config.toolbar_Full =
[ 
['Source'], 
['Styles','Format','FontSize','TextColor'] ,
['aws_video','new_button']
];

ajouter le plugin

config.extraPlugins = 'stylesheetparser,aws_video,new_button';

exemple

  • bouton video - plugin aws_video

Mise à jour FCKeditor à CKeditor

1er chose à faire : modification variable dans config.php :

define ("DEF_FCK_VERSION", "ckeditor");
define ("DEF_FCK_TOOLBARSET","Full"); // variable déjà existante à modifier

Suivant si on souhaite avoir sur la touche entrée une balise paragraphe ou retour à la ligne automatique renseigné la constante suivante dans config.php :

define ("DEF_FCK_ENTER_P", 0); // 0 pour <br> (pratique pour les anciens sites)
define ("DEF_FCK_ENTER_P", 1); // 1 pour <p> 
Si cette constante n'est pas définie, le ckeditor utilisera sur la touche entrée la balise

2nd ajouter les styles de la feuille de style spaw.css dans fichier js spécifique à CKeditor.
Un fichier styles_ck.js est automatiquement créé dans custom/js/rep_site/
C'est dans ce fichier qu'il faut ajouter les styles qui vont apparaitre dans le select style du ckeditor.
Par défaut le fichier contient un style sur la balise paragraphe à customiser comme on le souhaite.
Ici la documentation pour la syntaxe : [1]

Exemple d'utilisation de style par une classe ce qui est conseillé : 
{ name: 'Ligne grise', element: 'tr', attributes: { 'class': 'impair' }}