Project

General

Profile

Actions

Tinymce » History » Revision 4

« Previous | Revision 4/15 (diff) | Next »
eribar, 11/28/2009 05:33 PM


= Page en cours de création par Eribar =

Configuration de TinyMCE

Dans la configuration par défaut fournie par Linea21, peu de fonctions et icônes sont apparentes pour la rédaction des actualités, publications, newsletter... Ce tutoriel basique explique un paramétrage possible de l'éditeur WYSIWYG TinyMCE, permettant d'enrichir les fonctionnalités offertes par TinyMCE.

=== Le fichier de configuration par défaut dans linea21 ===

Les fichiers de configuration des divers éditeurs WYSIWYG se trouvent dans /lib/js/. Pour TinyMCE, le fichier de configuration est le suivant :

/lib/js/tinymce/jscripts/tiny_mce/config.js

Ce fichier comprend une série de couples "paramètre:valeur," (exemple : ''mode : "textaeras",''). Il peut y avoir plusieurs valeurs à la suite d'un paramètre (exemple, ''plugins : "inlinepopups,fullscreen",'').

Par défaut, le fichier comprend les options de configurations suivantes :

{{{
tinyMCE.init({
mode : "textareas",
language : lang,
theme : "advanced",
plugins : "inlinepopups,fullscreen",
dialog_type : "modal",
remove_script_host : false,
relative_urls : false,
entity_encoding : "raw",
theme_advanced_toolbar_location : "top",
theme_advanced_resizing: true,
theme_advanced_resize_horizontal:false,
theme_advanced_path : false,
theme_advanced_statusbar_location: "bottom",
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect",

theme_advanced_buttons2 : "bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,image",
theme_advanced_buttons3 : "hr,removeformat,visualaid,|,sub,sup,|,charmap,|,cleanup,help,code,fullscreen",
theme_advanced_toolbar_align : "right"
});
}}}

=== les paramètres disponibles ===

1. '''mode''' : spécifie comment les éléments sont convertis dans l'éditeur TinyMCE WYSIWYG. 
2. '''language''' : contient le code de langue du pack de langue à utiliser avec TinyMCE. Pour voir si votre langue est disponible, vérifiez le contenu de ''tinymce / jscripts / tiny_mce / langs'' (exemple : ''fr.js'' pour le français).
3. '''theme''' : indique quel thème grahique utiliser avec l'éditeur. Le thème correspond aux répertoires se trouvant dans ''tinymce / jscripts / tiny_mce / themes''. La valeur par défaut de cette option est "advanced". * ''advanced'' --> ce thème permet aux utilisateurs d'ajouter ou supprimer des boutons et des panneaux ; il est beaucoup plus souple que le thème simple. * ''simple'' --> c'est le thème le plus simple pour TinyMCE. Il ne contient que les fonctions de base.
4. '''plugins''' : contient une liste de ''greffons'', séparée par des virgules. Les ''greffons'' sont chargés depuis le répertoire ''/ jscripts / tiny_mce / plugins'' et leur nom correspond au nom du répertoire. Ces "plugins" apportent des fonctionnalités supplémentaires (exemple : le greffon "preview" ajoute un bouton d'aperçu à l'éditeur, en le pressant une fenêtre s'ouvre affichant le contenu de l'éditeur).
5. '''dialog_type''' : spécifie comment les boîtes de dialogue sont ouvertes. Les valeurs possibles sont "window" (ouverture d'une fenêtre normale) et "modal" (ouverture d'une boîte de dialogue). L'option par défaut est "window". Remarque : actuellement, ceci ne fonctionne que dans Internet Explorer (dans les autres navigateurs, "window" est l'unique option possible).
6. '''remove_script_host''' : utilisé avec MCFileManager (greffon non libre et payant, non présent dans linea21)
7. '''relative_urls''' : utilisé avec MCFileManager (greffon non libre et payant, non présent dans linea21)
8. '''entity_encoding''' : contrôle la manière dont les caractères sont traités par TinyMCE (valeurs possibles : "named", "numeric", "raw").
9. '''theme_advanced_toolbar_location''' : indique l'endroit où la barre d'outil est positionnée. Fonctionne uniquement si les paramètres "theme" et "theme_advanced_layout_manager" sont valorisés à "advanced" et "SimpleLayout" * ''top'' --> barre d'outil en haut de l'éditeur * ''bottom'' --> barre d'outil en bas de l'éditeur
10. '''theme_advanced_resizing''' : true,

Updated by eribar over 14 years ago · 4 revisions