Encore une intégration de FCKeditor

Attention, page complètement obsolète, qui devrait être dépubliée : liens brisés, etc.

Une nouvelle intégration de FCKeditor, cette fois pour SPIP 2.0, et configurable via CFG

Avertissement

On ne présente plus FCKeditor, ni ses défauts, ni ses qualités. Le propos est de permettre d’utiliser de manière transparente FCKeditor avec SPIP 2.0 tout en laissant le loisir à ceux qui préfèrent d’utiliser les raccourcis typographiques de SPIP.

Comme pour les autres intégrations : le mélange des genres ne fait pas spécialement bon ménage. En particulier, les raccourcis ressemblant à du xhtml (<imgxx|yy> par exemple) risquent de faire perdre du texte. Vous voilà prévenu !

Je veux quand même utiliser FCKeditor

  • installez le plugin :
  • activez le comme tous les plugins spip
  • configurez le via l’interface CFG :
  • utilisez le pour éditer vos articles, rubriques, brèves ou mots clés :

Avantages de ce plugin

  • fonctionne avec SPIP 2.0,
  • est configurable sans mettre les mains dans le cambouis (ie : via CFG), on peut choisir :
    • l’éditeur par défaut (spip ou fck),
    • l’aspect des barres d’outils,
    • les barres d’outils (complètes, limités, basiques),
    • la taille de l’éditeur,
    • les objets éditables avec fck,
    • le répertoire des médias utilisé par fck
  • permet d’utiliser le mécanisme de téléchargement de SPIP,
  • permet de changer de mode d’édition au cas par cas.

Inconvénients de ce plugin

  • une fois installé il devient de difficile de s’en passer (surtout pour les rédacteurs),
  • il est dangereux de mixer le spip et l’édition WYSIWYG,
  • il permet aux rédacteurs de faire n’importe quoi (en particulier de laid et de non respectueux de la charte graphique du site).

A faire

  • modifier l’affichage des images utilisant le mécanisme de téléchargement de spip pour qu’un click sur l’image insère la dite image à la position du curseur dans l’éditeur (je ne sais pas si c’est faisable, mais ce serait vraiment agréable), c’est fait depuis la version 0.2 : deux boutons avec le petit écureuil spip font leur apparition pour permettre l’insertion d’image et de document spip.
  • idem pour tous les documents, fait depuis la version 0.2
  • ajouter un bouton pour les notes de bas de page,
  • ...

Un peu de technique

Ce plugin utilise le pipeline editer_contenu_objet.

Pour insérer l’éditeur FCKeditor, le plugin, cherche (via une expression régulière) l’éditeur spip et met à la place le code de l’éditeur FCKeditor, c’est tout ! Merci les pipelines !

Nouvelle version

Les améliorations sont :

  • intégration de plusieurs skins
  • deux boutons ’Insérer une image SPIP’ et ’insérer un document SPIP’ (avec le petit écureuil spip dessus) permettant d’utiliser le mécanisme de téléchargement de SPIP de manière un peu plus intuitive : on télécharge via les boutons classiques de spip, et ces deux boutons permettent de choisir via un dialogue de fckeditor les images/documents qu’on souhaite voir dans l’article.
  • Nouvelle MÀJ j’espère avoir corriger un bug qui se produisait lorsque spip était installé à la racine d’un serveur http.

EDIT : en raison d’une faille de sécurité sur cette vieille version du plugin, celui-ci n’est plus disponible au téléchargement.

Discussion

39 discussions

  • 4
    Jeremie

    Bonjour, j’ai donc résolu mon précédent problème mais je me trouve face à un autre :

    Parfois, l’éditeur n’apparait pas. J’ai mon article que je veux modifier, et je ne vois que l’éditeur spip, ce qui est assez dérangeant pour la personne en charge de la rédaction vu qu’elle ne connait rien au HTML et donc se demande un peu ce que c’est. Est-ce que quelqu’un d’autre à le problème ? (j’ai la version 2.0.8 ou un truc du genre je crois).

    • Moi, j’ai spip 2.0.6 et l’éditeur n’apparaît que pour les rubriques et non pas pour les articles pourtant j’ai activé cette option dans la configuration CFG. Bizarre

    • j’ai déterminé que le plugin n’apparait pas parfois à cause de l’instruction preg_match() qui ne produit pas des match dans certains cas, j’ai remplacé les instructions suivantes dans le fichier « fckeditor_fonctions.php » ligne 118 :

      if (preg_match("~^(.*)(<li class=(?:\"|')editer_texte.*?</label>)(.*?)(<\/li>.*)$~is",$flux['data'], $match)) {
          $start = $match[1].$match[2] ;
          $content = $match[3] ;
          $end = $match[4] ;

      par :

      $endMatch1 = strripos($flux['data'],"</label>")+8;
      $endMatch2 = strripos($flux['data'],"</li>")-1;
      $start = substr($flux['data'],0,$endMatch1);
      $content = substr($flux['data'],$endMatch1,$endMatch2-$endMatch1);
      $end = substr($flux['data'],$endMatch2+1);

      et ça marche tres bien maintenant.

    • Je viens d’utiliser ta solution Aziz et ça marche maintenant. Merci !!!

    • Bonjour,
      j’ai eu sensiblement le même problème, et j’ai eu l’occasion de trouver l’origine précise du probleme : c’est du à une limitation de preg_match et preg_match_all à une certaine taille.

      Voilà pour l’origine.

      Ensuite j’ai remarqué un problème avec la solution d’aziz, qui marche bien SAUF quand on ajoute un champ avec le plugin Champs Extras.

      J’ai donc repris le même principe qu’Aziz en prenant un ancrage qui ne soit pas influencé par Champs Extras.

      Il faut donc passer de

      if (preg_match("~^(.*)(<li class=(?:\"|')editer_texte.*?</label>)(.*?)(<\/li>.*)$~is",$flux['data'], $match)) {
         $start = $match[1].$match[2] ;
         $content = $match[3] ;
         $end = $match[4] ;

      sans oublier de sortir l’accolade fermante bien sur !

      à

                      $pos1 = stripos($flux['data'], "<textarea name='texte'");
      		$start = substr($flux['data'],0,$pos1);
      		$tempstr = substr($flux['data'],$pos1);
      		$pos2 = stripos($tempstr,"</textarea>");
      		$end = substr($tempstr,$pos2+11);
      		$content = substr($tempstr,0,$pos2+11);

      Je l’ai fait fonctionner avec :
      -  SPIP 2.1.0,
      -  FCKEditor 2.6.5 (plugin v0.6),
      -  Champs Extra 2 1.5.3,
      -  interface pour champs extras 1.1.0

      Voilà,
      merci encore à aziz pour sa première solution !
      Cordialement

    Répondre à ce message

  • 1

    salut,

    Est-il possible d’utiliser la barre sur les autres champs, par exemple post-scriptum ? quelle serait la manip ?

    Merci.

    J.

    • Je suis tout comme toi à rechercher à intégrer FCKeditor sur d’autres champs de Article.
      Quelqu’un aurait’il la solution depuis ?

    Répondre à ce message

  • 1
    micmoren

    Les images insérées dans le corps de l’article ne peuvent pas être utilisées par le plugin Thickbox, car il manque dans la boite des liens la possibilité de définir la classe « thickbox » .

    On peut la rajouter à la main en basculant en mode HTML, mais ce serait plus sympa si on pouvait le faire directement dans la boite de gestion du lien.

    Michel

    Répondre à ce message

  • essayé aujourd’hui d’installer mais apres telechargement et suivant suivant suivant j’ai ce message quand j’essaie d’activer le plugin :

    Impossible d’activer le plugin ../plugins/auto/fckeditor-spip-2
    * Nécessite le plugin CFG en version [1.10.0 ;] minimum.

    Répondre à ce message

  • 3

    Bonjour,

    J’utilise FCKeditor avec le squelette AHUNTSIC, y a t’il une incompatibilité ?
    Lorsque j’écris un article, plusieurs boutons sont grisés : coller, coller comme texte, coller de word...
    doit on faire une manip spéciale pour pouvoir y accéder ?

    Merci

    • Résolu par moi même, c’est tout simple, il suffit d’avoir copier du texte dans la corbeille.... et les icônes se dégrisent.

      Merci

    • Bonjour,

      J’ai placé FCKeditor sur plusieurs sites pour faciliter la rédaction des plus réticents.

      J’en suis satisfait, cependant, dans cette version, aussi bien en local qu’en distant, la boite de dialogue « Propriété Image » par exemple se présente de façon tronquée, si bien que l’on ne peut pas remplir certains champs (en l’occurrence la place de l’image par rapport au texte).

      Je n’ai pas eu encore l’occasion de tester toutes les autres boites de dialogue, mais celles que j’ai ouvertes sont aussi tronquées.

      SPIP V209 dernière version téléchargeable du plugin (fckeditor-spip-2-12).

      Sinon, bravo pour la mise à disposition d’un outil aussi complet !

    • Bonjour,
      J’ai changé de version de FCKeditor et là tout est rentré dans l’ordre
      Version 263b, sous spip 209.

      Les boites de dialogue sont maintenant apparentes.

      Elles ont le même comportement chez CKeditor, est ce que cela vient de ckeditor lui même ?
      J’ai testé en local et en distant, avec Spip 208 et 209.

      Toutefois, les propriétés attribuées aux photos, ne sont pas respectées, à part pour un placement à droite, ou à gauche toute, ce qui est assez radical.

      La suppression ou modification d’un tableau est problématique.

      Les urls des docs et images renvoient à l’adresse complète de l’image, ce qui pose un problème lors d’une migration.

      Par contre, par rapport à un autre éditeur, le tableau est intégré à l’article, il ne dépasse pas, s’il est trop long.

      J’attendrai une version plus aboutie, et vous souhaite bon courage.

      Encore merci pour ce travail

    Répondre à ce message

  • 1

    Dans un message de mi septembre il est question d’une nouvelle version du plugin intégrant ckeditor 3.0, quand est il ? les tests sont ils concluants ?
    Je rencontre divers problemes avec la version actuelle (articles long, disparition de spiplink...) et suis impatient de tester la nouvelle version..

    Répondre à ce message

  • Bonjour,

    Est-ce que c’est possible d’avoir d’autre choix de police de caractère dans la liste ?
    Si oui, comment faire pour agrémenter la liste ?o

    Merci

    Répondre à ce message

  • Bonjour,

    Comme demandé dans mon titre, SpipLink semble bel et bien avoir disparu. Non ?

    A bientôt,
    Draikhin

    Répondre à ce message

  • 2

    Juste après le premier enregistrement d’un article un peu long, le plugin n’est plus disponible, on ne voit plus que les lignes de code et l’éditeur de spip !...

    La disparition du plugin fckeditor 2-12 avec ces articles longs ( plus de 300 lignes ?? ) est-elle due à une limite de Spip ou à une limite interne au plugin ?

    La solution préconisée par Aziz n’a pas résolu, pour l’instant, ce souci...

    • La limite est lié à un problème avec l’expression régulière.
      D’où les différents fix déjà publié qui tentent de s’en passer. Manifestement ce n’est pas suffisant.

      La prochaine version (utilisant CKEditor 3.0) devrait régler ce problème. Je l’essaie sur mon site avant de la publier.

    • bonjour,

      existe til un moyen d’integrer ckeditor 3.0 dans spip ?

      merci

    Répondre à ce message

  • En réponse à Yannick,

    J’ai moi aussi eu la surprise de constater que cette version de fckeditor par défaut insérait des div au lieu des p par défaut lors des retours chariots.
    J’ai modifié cette ligne :

    FCKConfig.EnterMode = ’div’ ;

    par

    FCKConfig.EnterMode = ’p’ ;

    Dans le fichier fckconfig.js, et tout est rentré dans l’ordre pour moi.
    Je ne sais pas si c’est cela que tu cherchais.

    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