Intégration « facilitée » de FCKeditor 2.1.1 à SPIP 1.8.2 d

Publié le : 26 octobre 2005 – Dernière modification le 21 décembre 2021 – par jfredd – 54 commentaires

français, français
1
2
3
4
5
0 vote

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Cette contrib est valable pour SPIP 1.8.2 d et FCKeditor 2.1.1, c’est la dernière version à ce jour, et elle est compatible Firefox ce qui est plutôt sympa pour tous ceux qui ont délaissé IE ou qui bossent sous Linux (testée avec succès sur Mandriva LE 2005 avec Firefox).

Cette contrib doit évidemment beaucoup aux précédentes contribs sur le sujet (à voir dans la même rubrique) dont elle réutilise notamment la page article_edit.php3. Le propos n’est donc pas de réinventer la roue mais de proposer une solution « clefs en main » pour intégrer FCK à SPIP, en évitant les prises de tête.

Instructions :

  1. Téléchargez FCKeditor 2.1.1 sur le site http://www.fckeditor.net et dézippez l’archive
  2. Copiez le répertoire FCKeditor à la racine de votre site SPIP
  3. Téléchargez l’archive jointe à cet article et dézippez-la
  4. En prenant soin de sauvegarder les fichiers originaux :
    • Copiez les fichiers articles_edit.php3, breves_edit.php3 et rubriques_edit.php3 dans le répertoire ecrire/
    • Copiez le fichier fckconfig.js dans le répertoire FCKeditor/
       [1]
  5. Copiez le répertoire UserFiles et ses sous-répertoires à la racine de votre site SPIP en ouvrant les droits en écriture (un fichier fichier-bidon.txt se trouve dans chaque sous-répertoire, vous pouvez le supprimer).
  6. Si votre site se situe à la racine de votre serveur web et en prenant soin de sauvegarder les fichiers originaux :
    • Copiez le contenu du répertoire connectors/php/ (2 fichiers) de l’archive dans
      FCKeditor/editor/filemanager/browser/default/connectors/php/
      et
    • Copiez le contenu du répertoire upload/php/ (2 fichiers) de l’archive dans
      FCKeditor/editor/filemanager/upload/php/
       [2]
  7. Si votre site est dans un répertoire et non à la racine du serveur, changez cette valeur : $Config['UserFilesPath'] = '/UserFiles/'; en $Config['UserFilesPath'] = '/repertoire_de_votre_site_SPIP/UserFiles/'; dans les fichiers connectors/php/config.php et upload/php/config.php puis copiez-les sur votre serveur, comme indiqué plus haut.
  8. A priori il ne vous reste plus qu’à vous rendre dans votre interface privée et à vous habituer à FCK.
Archive contenant fichiers modifiés et instructions

En espérant que cela vous soit utile.

Notes

[1] le fichier fckconfig.js a été allégé de tout ce qui concernait d’autres langages que php.

[2] le fichier « upload.php » a été modifié selon les instructions trouvées ici :
http://wiki.fckeditor.net/In-dialog_file_upload_fix
Ce fix met un terme aux problèmes de chemin d’upload auxquels pas mal d’utilisateurs de FCKeditor 2 ont pu être confontés.

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

20 discussions

  • 1
    moet

    Merci pour la contrib.
    Installation réussie si on s’en tient à la démarche clairement expliquée dans cette article.
    Testée sur 1.8.2e sans aucun souci.

    • jfredd

      Petite précision. J’ai eu l’occasion de tester sur la 1.7.2. Ca marche aussi sans problème.

    Répondre à ce message

  • 1
    Jean Christophe Villeneuve

    Bonjour

    J’ai moi aussi un petit souci dans l’upload d’images. Je n’arrrive pas à indiquer le bon chemin dans les 2 fichiers cités au point 7.

    Voilà l’adresse du site :

    http://www2.ac-lyon.fr/etab/colleges/col-42/jromains/

    Que dois-je mettre dans cette ligne à la place des ???

    $Config[’UserFilesPath’] = ’/ ???/UserFiles/’ ;

    • JMLR

      Cher collègue,
      j’ai eu le même problème, j’ai pu installer FCK grâce à l’instit, donc à mon tour, je fais passer l’info.

      Il faut écrire

      $Config[’UserFilesPath’] = ’/etab/colleges/col-42/jromains//UserFiles/’

      J’espère que ça va marcher.

      Par contre je n’ai pas trouvé de solution pour afficher les images dans la partie publique.

      Cordialement

      JMLR

    Répondre à ce message

  • 6
    L’instit

    Deux problèmes suite à l’installation.
    -  Tout marche sauf l’upload d’images. J’ai bien le message indiquant que l’image a été chargée, mais le dossier images de Userfiles reste désespérément vide.
    -  Y a-t-il moyen de paramétrer l’éditeur FCK : choisir les icones présentes. je souhaiterais avoir moins de fonctions.

    Merci

    • L’instit

      -  Sur le premier point, c’est résolu, désolé du bruit. Il faut effectivement bien indiquer l’arborescence complète lorsque Spip est dans un sous_sous répertoire.

      -  Ma question 2 tient toujours, mais je cherche...

    • JMLR

      Ça marche pas mal sauf l’envoi des images. Je travaille sur un site qui n’est pas à la racine du serveur mais au 5e niveau,

      pour les fichiers config j’ai changé la ligne 27

      pour upload la ligne 68

      config me pose des problèmes, je ne sais pas quelle ligne changer,
      quelqu’un peut me donner une piste ?

      D’autre côté, faut-il marquer le chemin de la sorte :

      ’/repertoire 1/repertoire 2/repertoire 3/repertoire 4/mon site/UserFiles/’ ?

      Merci d’avance
      JMLR

    • JMLR

      Désolé ce n’est pas config qui me pose des problèmes mais connector.php
      Merci

    • jfredd

      Il me semble si j’ai bien compris que le point 7 de l’explication ci-dessus répond à ton problème.

    • JMLR

      Il est bien possible que je n’ai pas tout compris ; même, je dirais que c’est sûr, mon français n’est pas très bon (mille excuses), mais mon anglais est encore pire.

      Tout d’abord j’ai suivi les conseils de l’instit (merci beaucoup) et je peut « uploader » les photos sur la partie privée ; il est vrai que je ne les vois pas sur la partie publique. Alors j’ai essaié de faire les changements proposés plus haut.

      Si je change le chemin à la ligne Base Path, alors dans la partie privée je n’ai plus la barre de FCK car le chemin es redondant, c-a-d le dossier où se trouve mon site apparaît deux fois.

      Je vais faire d’autres essais.

      Merci à tous

      José Manuel (JMLR)

    • JMLR

      Pour les sites qui ne sont pas à la racine----

      Après plusieurs essais, si connector, upload, et les deux config sont bien reinseignés, il n’est pas nécessaire de changer le cheminement dans article, rubrique et breve.

      Depuis la partie privée on peut télécharger les images, de l’ordinateur jusqu’au serveur. On peut visualiser l’image dans le cadre Texte, pendant que nous sommes en mode écriture, mais dès que l’on clique sur le bouton « enregistrer » l’image disparaît, et elle n’est pas visible dans la partie publique.
      — (personnellement je ne vois pas l’aperçu dans la petite fénêtre « propriétés »)—

      J’avoue, donc, ne pas avoir saisis les changements à faire dans article, brève et rubrique.

      Au secours

      Merci d’avance

      JMLR

    Répondre à ce message

  • 1
    Cap

    First of all, I am really impressed about this editor. Thank you for making this contrib.

    Just two small problems, and a third to think about :

    1. if your UserFiles directory is not in the root, you have to change the BasePath property in articles_edit.php3, breves_edit.php3 and rubriques_edit.php3. If not, you will not get your images when saving the content and on the public site.
    2. a small string was left in french in articles_edit.php3 “Corps de la page”. just replace it with _T(’info_texte’)
    3. I know it is not so common, but you should disable the content split in more textareas when your content is really long in articles-edit.php3

    You need to comment the code below just before the fck integration code. I tried to implement the multiple textarea with fck, and I succeded if it was not for html tag breaking everything when jumping from one textarea to the other.
    If someone can deal with this problem I can post the code to create multiple fckeditors.

    if (strlen($texte)>29*1024) // texte > 32 ko -> decouper en morceaux
	{
		$textes_supplement = "<br><font color='red'>"._T('info_texte_long')."</font>\n";
		while (strlen($texte)>29*1024)
		{
			$nombre_textes ++;
			list($texte1,$texte) = coupe_trop_long($texte);

			$textes_supplement .= "<BR>";
			//$textes_supplement .= afficher_barre('document.formulaire.texte'.$nombre_textes);
			//$textes_supplement .= "<TEXTAREA NAME='texte$nombre_textes'".
			//	" CLASS='formo' ".$GLOBALS['browser_caret']." ROWS='$rows' COLS='40' wrap=soft>" .
			//	$texte1 . "</TEXTAREA><P>\n";
			$textes_supplement .= "<textarea id=\"TextareaFCKeditor$nombre_textes\" name=\"texte$nombre_textes\">".$texte1."</textarea><P>\n";
		}

    Ciao
    Renato aka Cap

    • jfredd

      Thanx for your msg. I will try all that and give some feedback here when I can cause I’m very very busy for the moment.

    Répondre à ce message

  • 2
    Jean Christophe Villeneuve

    M’énervent les gens chez qui ça marche tout de suite sans problème ! ;))

    J’y suis presque mais j’ai un dernier souci : l’appel à la fonction copier ou coller me renvoie une fenêtre vide avec 2 boutons vides et inopérants.

    Une idée ?

    Répondre à ce message

  • Marc

    Bravo ! J’avais rennoncé à installer FCK editor sous les versions précédentes de Spip. Et là ça marche sans problème. Ca change la vie un vrai éditeur dans Spip. A quand son integration standard dans les évolutions de Spip ?

    Répondre à ce message

  • Draikhin

    Salut,

    Ce serait pas merveilleux d’intégrer FCKeditor à Spikini ?

    Un projet en cours ou une bonne occasion de se lancer ;-)

    Librement,
    Draikhin

    Répondre à ce message

  • 9
    J Ch Villeneuve

    Très bien cette contrib, simple et claire.

    Juste un petit souci : j’ai installé tout ça en local, j’ai bien tout fait ce que le monsieur il a dit. Ça marche sauf que

    1- dans mon Firefox préféré, quand je veux écrire un article, la page se charge mais en bas, j’ai bien « Terminé » alors que la barre de chargement est toujours là et semble travailler encore.
    2- Si je veux modifier un article, des retours chariots ont disparus (listes par exemple) et toutes les images aussi.

    Une idée ?

    • jfredd

      Pas vraiment, car ton msg ne précise pas sur quel OS, avec quel environnement en local (Easyphp autre chose ?), ni avec quelle version de Firefox etc.

      En ce qui me concerne ça marche très bien, et en local et en distant, avec Win XP Pro, easyphp 1.7 (pour le local) et Firefox 1.04. Je n’ai strictement aucun problème. Par contre sous Linux Mandriva LE 2005 avec Firefox 1.02 j’ai déjà constaté une disparition du curseur, mais jamais de perte de formatage ou d’images.

      Désolé de ne pouvoir t’aider plus en l’état.

    • J Ch Villeneuve

      Désolé pour ce manque de précisions
      J’utilise Firefox 1.04 sous windows XP service pack 2 et easyphp 1.8.0.0, le tout avec spip 1.8.2.d of course

    • J Ch Villeneuve

      Ben je suis contrit, j’ai beau essayer, recommencer étapes par étapes ... pas mieux.
      Au fait est-ce normal d’avoir toute la palette d’icones disponibles (modèle, zone de texte ...) ?
      Et quand je clique sur certains icones (insérer tableau par exemple ou insérer caractères spéciaux), ça m’ouvre une nouvelle page vide, sans titre.
      De plus quand je clique sur « copier » j’ai une fenetre de message windows vide avec 2 jolis boutons blancs. Si je clique sur la croix j’obtiens le titre « Application javascript » que je ne peux fermer qu’en insistant sur la croix (14 clics).
      Voilà, si ça peux aider à comprendre le souci.
      J’aimerais bien car ça me plait bien ce FCKeditor !

    • J Ch Villeneuve

      C’est encore moi !

      Je suis passé à Firefox 1.07 ... pas mieux !

      Dommage.

    • jfredd

      Je ne sais trop d’où ça vient mais voici ce que je te propose. Va sur http://jfredd.free.fr entre dans l’espace privé avec :

      login visiteur

      mot de passe visiteur

      et essaie de créer un article dans la rubrique visiteur et teste fck. Si tu n’as plus de problème il y a des chances que ça vienne de easyphp 1.8 sinon ça a à voir avec ta config parce que là sur ce site là je sais que ça marche très bien. Déjà testé avec plusieurs machines et diverses configs.

      Dis-moi quand tu as fait tes essais que je puisse fermer ce compte

      A+

    • Bonjour et merci.

      Je suis allé sur ce site pour tester, tu peux donc fermer le compte.

      Mais j’ai très exactement le même comportement que chez moi. Donc un problème avec ma config mais lequel ? C’est le genre de truc qui m’agace ! Je vais te reformater tout ça, moi, un de ces quatres !

      Bye et merci encore.

    • Jean Christophe Villeneuve

      Visiblement un souci avec firefox puisque ça marche nickel avec IE (le comble !)
      J’ai l’impression que firefox ne charge pas tous les modules.
      D’où la barre de chargement en bas qui reste et l’obtention de pages vides à l’appel de certaines fonctions.
      Je vais essayer de réinstaller Firefox.

    • Jean Christophe Villeneuve

      Avant de tout réinstaller, j’ai essayé de désinstaller des extensions.

      Résultat : il y a un souci avec l’extension « Tabbrowser Extensions », sans elle ça fonctionne mais sans être parfait.

      En effet, maintenant lorsque je clique sur une icône qui doit ouvrir une petite fenêtre, c’est toute la fenêtre de firefox qui se réduit.

      Quelqu’un a déjà utilisé FCKeditor avec Tabbrowser Extensions ?
      Une idée d’un paramètre de Firefox ou de Tabbrowser Extensions à modifier pour régler le problème ?
      Je teste mais je ne trouve pas.

    • Jean Christophe Villeneuve

      Je me réponds à moi-même, au cas où d’autres seraient intéressés ...
      Le paramètre à modifier dans l’extension Tabbrowser Extensions est le suivant :
      Dans la catégorie « général » , le comportement à cocher est « utiliser plusieurs fenêtres uniquement à la demande »
      Je vais donc pouvoir écrire mes articles avec FCKeditor :-)

      En revanche, quand je veux modifier un article, là c’est pas top : dans le texte, les images semblent avoir disparu (mais sont toujours là si on enregistre ! ) les sauts de ligne ont eux bien disparu ! ... Alors que dans le PS, tout est ok !
      Sans doute un filtre ou autre qui pose problème.
      Quelqu’un a-t-il déjà eu le problème ?

    Répondre à ce message

  • 1
    Kev023

    merci pour cette contrib efficace.

    J’ai une question, on a une toolbar ou l’on peut desactiver ce qui nous interesse pas( par exemple les fonts s’ils sont deja defini ds un css, c’est dommage de tout casser). J’ai vu dans fckconfig.js a la racine de FCKEditor de c’etait possible. je desactive ce qui ne m’interresse pas et je teste : le résultat est le meme.

    Comment faire pour desactiver des boutons de la toolbar ?

    Merci

    Répondre à ce message

  • istreen

    En suivant exactement les instructions a la lettre.
    Je confirme ca marche, ca ma meme fais sourire :)
    Merci beaucoup

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom