****************************** HOWTO : FCKeditor et WebDev ****************************** de Eric Roumegou Où installer FCKeditor ? -:=:=:=:=:=:=:=:=:=:=:=:- Le plus simple est d'installer le répertoire FCKeditor à la racine du site. C:\Program Files\Apache Group\Apache2\htdocs pour Apache (voir DocumentRoot dans http.conf) C:\InetPub\wwwroot pour IIS Maintenant cela n'est pas toujours possible d'installer ce genre de répertoire sur des serveurs mutualisés. Les hébergeurs -et c'est normal- ne peuvent permettre d'installer n'importe quoi sur des répertoires partagés par d'autres sites. Nous allons voir comment installer ce répertoire sur un emplacement privé. Pour cela, créer un alias (apache) ou répertoire virtuel (IIS) Apache ALIAS /Fckeditor/ "D:/FCKeditor/" Pour IIS, Panneau de configuration>Outils d'administration>Services Internet (IIS)>Nom ordinateur>Sites Web>Site Web par défaut clic droit>Nouveau>Répertoire virtuel... Un assistant accompagne la création Comment spécifier l'emplacement de FCKeditor -:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:- Déclarer une variable globale que l'on initiera en lisant un fichier .ini. Dans le projet par exemple, cette variable s'appelle PATH et le fichier votre.ini On déclare le chemin du fichier en absolu [FCKEDITOR] PATH=http://localhost/Fckeditor/ ou pour un site en prod [FCKEDITOR] PATH=http://www.wtablettes.net/Fckeditor/ et récupérer cette variable PATH=INILit("FCKEDITOR","PATH","",ComplèteRep(fRepEnCours)+"votre.ini") dans les pages où vous utiliserez FCKeditor, mettre dans propriété Avancée de la page/Code HTML ajouté à l'en_tête de page Vous devrez aussi le spécifier avec oFCKeditor.BasePath =Path (cf exemples) Comment personnaliser la barre d'outils -:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:- Etudiez le fichier FCKEditor\fckconfig.js. Avec les ToolbarSets, vous pouvez spécifier vos propres Barres d'outils. Par exemple, j'ai créé une barre pour WebDev FCKConfig.ToolbarSets["WebDev"] = [ ['Source','-','NewPage','Preview'], ['Cut','Copy','Paste','PasteText','PasteWord','-','Print'], ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'], ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'], ['OrderedList','UnorderedList','-','Outdent','Indent'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'], ['Link','Unlink'], ['Image','Table','Rule','SpecialChar','Smiley'], ['Style','FontFormat','FontName','FontSize'], ['TextColor','BGColor'], ['About'] ] ; Entre autre pour supprimer l'icone Save qui envoie un submit mais que je n'arrive pas à monitorer et qui plante. Dans ce fichier, définissez les styles, les polices ... Pas Toujours aux mèmes de bosser !!! -:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:=:- Et oui, il reste encore des problèmes sur lesquels je bute et que je soumets à votre sagacité. Merci de m'écrire vos solutions à eric@wtablettes.net. Les \ dans le texte disparaissent. Comment éviter cela ? L'icone Save. Comment la gérer ? l'Upload des images : On peut insérer des images depuis le serveur, et meme enrichir ces images avec des images présents sur sa machine. Donc une gestion de l'upload. Comment mettre cela en oeuvre avec WebDev ? Divers -:=:=:=: Vous pouvez avoir des problèmes de caractères accentués sur les infos bulle, ou les titres de fenêtre. C'est un problème de codage UTF8. Une solution est de reprendre le fr.js et de modifier tous les caractères "bizarres" par les bons caractères accentués. On compte sur vous pour répondre à toutes ces questions, voire d'autres pour enrichir ce howto.