Intégré FCKeditor avec ASP.NET

Publié le 29 mai 2009 par Dave Lizotte

Tutoriaux - .NET

FCKeditor est l'éditeur HTML le plus populaire et le plus utilisé sur le web. Ce dernier vient avec un contrôle FCKeditor.NET réservé exclusivement à ASP.NET. Cependant, il n'existe pas d'instruction ou de tutoriel sur la façon d'intégrer ce dernier à vos développements ASP.NET. Alors, voyons comment intégrer ce dernier à vos applications web sous ASP.NET.
  • Tout d'abord, ajouter à votre projet, le répertoire bin, si ce dernier n'existe pas.

  • Copier le fichier FFredCK.FCKeditorV2.dll situé FCKeditor.Net_2.6.3\bin\Release\2.0  à l'intérieur du répertoire bin.
  • Maintenant, il faut ajouter la référence du DLL à votre projet. Effectué un clique droit à l'aide de votre souris sur votre projet, et cliquer sur Add reference. Cherchez le DLL dans l'explorer et sélectionnez-le afin de l'ajouter en référence au projet.

  • Il est maintenant possible d'ajouter le contrôle FCKeditor à votre barre d'outils. Effectuer un clique droit dans votre barre d'outils et sélectionner l'option Choose items.

  • Dans la fenêtre qui apparaît, sélectionner l'onglet .NET components et sélectionner le DLL ce trouvant dans votre répertoire bin. Vous verrez par la suite le composant FCKeditor dans votre barre d'outils.
  • Créer ensuite un dossier dans votre projet, nommer le fckeditor et copier tous les fichiers source de FCKeditor.
  • Dans le fichier web.config de votre projet, ajoutez-lui les lignes suivantes :
<appSettings>
<!-- FCK Editor-->
   <add key="FCKeditor:BasePath" value="~/FCKeditor/"/>
   <add key="FCKeditor:UserFilesPath" value="~/userfiles/"/>
</appSettings>
  • Créer ensuite un dernier répertoire nommé userfiles à la racine de votre projet. Ce dernier sera l'endroit où les images et les fichiers seront uploadés à partir FCKeditor.
  • Ouvrez ensuite le fichier fckconfig.js dans le répertoire fckeditor. Cherchez les lignes suivantes et assurez vous qu'elles ont la valeur 'aspx' :
var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py
  • Ouvrez ensuite le fichier config.ascx dans le répertoire fckeditor\editor\filemanager\connectors\aspx, chercher la ligne UserFilesPath = "~/userfiles/"; et assurez-vous que sa valeur est bien ~/userfiles/.
  • Dans le même fichier, regarder la fonction suivante :
private bool CheckAuthentication(){
return false;
}
  • Modifier la valeur de retour par true, donnera la permission à tous les usagers d'uploader des fichiers. Vous pouvez donc modifier cette dernière afin de vérifier si vos usagers sont autorisés. Voici un exemple :
if (Convert.ToBoolean(Session["validuser"])) {
   return true;
}
else {
   return false;
}
  • Il ne vous reste plus qu'à glisser et déposer le contrôle FCKeditor dans vos page.