Porte plume

Une barre d’outils pour bien écrire…

Le plugin « porte-plume » ajoute à l’interface une barre d’outils sur certains champs de saisie.Plus que de simples boutons, cette extension facilite la rédaction, par exemple en continuant automatiquement les listes d’éléments, comme le ferait un logiciel de traitement de texte.

Ce plugin fonctionne avec les versions de SPIP suivantes :

  • 2.0 (à installer en tant que plugin avec le zip ci-contre par exemple)
  • 2.1 (présent par défaut en tant qu’extension)
  • depuis 3.0 (présent par défaut en plugins-dist) [1]
Barre d’outil Porte-plume

Téléchargement du plugin

L’archive du plugin se récupère ici : Porte Plume (zip) [2]

Solution technique retenue

La barre d’outils est entièrement écrite en jQuery, et s’appuie sur la librairie javascript « MarkitUp ». Cette barre d’outil est extensible et modulaire : vous pouvez lire la documentation technique du Porte-plume pour plus de précisions sur l’interface de programmation proposée.

Possibilité de visualisation

Deux onglets dans la partie privée permettent de passer de l’espace de saisie au rendu généré.

Barre d’outil Porte-plume - aperçu

Facilités de saisie

Le porte plume regorge de petites fonctionnalités très discrètes mais qui améliorent grandement la saisie :

  • chaque bouton peut avoir un raccourci clavier,
  • lorsque votre curseur est sur un mot et que vous cliquez le bouton « gras », le mot est automatiquement sélectionné ; idem si vous utilisez le raccourci Control+B,
  • lorsque votre curseur est sur une ligne et que vous cliquez le bouton « intertitre », toute la ligne est automatiquement sélectionnée,
  • si vous commencez une liste à puce et que vous appuyez la touche « entrée », la liste se poursuit automatiquement,
  • si vous avez une liste qui n’a pas encore les caractères « -* », vous pouvez sélectionner toutes les lignes et cliquer l’icône liste. Toutes les lignes deviendront un élément de liste ; cela fonctionne aussi avec l’indentation des listes,
  • shift+entrée effectue un saut simple et non un saut de paragraphe (à éviter d’utiliser !!)

Certaines fonctionnalités ne fonctionnent pas avec le navigateur Opéra.

Notes

[1Il est inutile de vouloir le ré-installer ; par contre, vous pourrez vouloir y ajouter des barres d’outils : voir Porte Plume : documentation technique comme tutoriel exemple...

[2Inutile de le faire en SPIP 3.x.x, car celui-ci est devenu natif à spip

Discussion

52 discussions

  • 6

    Bonjour,

    J’ai installé le porte plume sur spip 2.0.8 et dans l’interface configuration du site/fonctions avancé le cadre -qui devrait-être -configurer les barre d’outil m’affiche ceci en en-tête :
    ../plugins/porte_plume/images/porte-plume-24.pngConfigurer les barres d’outils

    Si je clique sur le bouton enregistrer, je me retrouve avec ce message :
    Erreur...
    Fichier config_fonctions introuvable

    Et pour couronner le tout, j’ai perdu ma barre typographique dans le site public et privé.

    Que faire pour résoudre le problème ?

    Merci de votre aide.

    • Idem pour moi sur un spip 2.09
      Didier

    • Je viens d’installer un tout nouvau spip 2.12, il semble que porte plume soit maintenant une extension installée d’office et non désactivable.
      Du coup, plus de problème avec config_fonctions, le bouton valider n’envoie plus sur une erreur.
      Didier.

    • Dernier avatar : il faut installer le plugin cfg, qui permet d’activer la barre d’outils dans les crayons, ce qui affiche enfin les outils lorsqu’on clique sur le porte plume dans l’espace public.
      Didier.

    • J’ai le cfg installé pourtant.

    • C’est en cliquant sur l’icône de configuration de porte plume par cfg, que j’ai pu valider l’affichage de la barre d’outils porte plume dans l’édition des articles dans l’espace public.
      Didier.

    • Je n’ai pas d’icône de configuration du porte plume dans CFG.

      Mais bon, le plus bizzare c’est que j’ai réussi à installer le couteau suisse au bout de x essais (sans le porte plume activé) et ensuite je l’ai désactivé pour installer le porte plume et là la barre d’outil et présente.
      J’ai réactivé le couteau suisse et tout va bien dans le meilleur des monde mis à part le fait que le porte plume n’apparait pas dans cfg.

      Mystère....

      Merci Didier en tout cas.

    Répondre à ce message

  • 4

    Bonjour

    mon site fonctionne sous SPIP 2.0.12 à jour.
    Je viens de mettre à jour le plugin Porte plume et boum, impossible de l’activer. La ligne fautive se trouve dans plugin.xml

    <necessite id="SPIP" version="[2.2.0-dev;]" />

    Alors c’est fini, plus de porte plume pour les autres versions ?

    • http://zone.spip.org/trac/spip-zone/changeset/41582 devrait résoudre le problème de zip qui pointait la version de développement.

    • Bonjour et merci pour ton intervention. J’ai patienté pensant que le zip allait être reconstruit mais rien n’y fait : le zip que je récupère réclame toujours une version 2.2.0.
      Dois-je récupérer le plugin « ailleurs » ?

    • C’est le cache de ton navigateur ? :p

      Nan, sans rire, c’est le bon là qui est fourni (en haut à droite de cet article), je viens de vérifier.

    • Bon j’arrête l’alcool, je fais pénitence, en effet ça marche ....
      Encore merci ;)

    Répondre à ce message

  • 5

    Bonjour,
    je viens de créer un site avec SPIP et sarka-SPIP, SPIP version SPIP 2.1.1 [15871] qui inclut donc le porte-plume, j’ai ajouté le plugin d’enluminure V3 (par l’instal auto). Chez moi, avec Windows 7 et Firefox, j’ai bien la barre de mise en forme (gras, italique ...etc), et la personne pour qui je fais ce site qui travaille sur un Mac de 5 ans et Safari 3.0.4ne voit pas cette barre.
    Elle a un autre site qu’elle gère sous SPIP 2.0.7 et là, pas de Pb, la barre est là

    le Pb est-il connu ? Comment faire pour qu’elle ait aussi la barre ?
    Merci d’avance si vous pouvez m’aider

    • UP !

      Je viens d’installer un SPIP tout neuf, dernière version 2.1.2, sans plugin supplémentaire ni squelette et c’est pareil : ma collègue ne voit pas la barre.

      Personne n’utilise un Mac avec Safari ?

    • Aucun problème avec Safari 5.02 sur OS X

    • Cela pourrait provenir de la version ancienne de Safari ? Ce qui est curieux , c’est que la barreest bien présente sur un autre site comme je le disais, avec un autre site SPIP, version 2.0.7, elle a la barre.

      Si quelqu’un a un autre témoignage, ou une manip à faire, je suis intéressée, merci !

    • La version 2.0x de SPIP utilise encore un ancien module pour la gestion de la barre de raccourci, qui a été complètement modernisé au passage en 2.1. Il est donc possible en effet que celle-ci ne fonctionne pas avec d’anciennes versions de Safari.

    • Merci, c’est bien possible car c’est à partir de 2.1.0 que le porte-plume est directement intégré dans SPIP il me semble ?

      Autre question, mais ce n’est peut-être pas le bon endroit, si non, ou ?
      Avec l’extention du porte-plume (emluminure ...), , je n’ai pas la possibilité de centrer le paragraphe comme indiqué dans la notice du plugin : et vous ?
      Avec Windows 7 et Firefox

    Répondre à ce message

  • 2

    Bonjour,

    Pour info, la CSS de porte-plume ne permet pas de passer la validation :

    .markItUp .markItUpResizeHandle           Propriété erronée : cursor  ns-resize n'est pas une valeur de cursor : ns-resize  ns-resize

    Je veux bien essayer de résoudre ce petit problème sur la zone... mais du coup je ne sais pas si Matthieu voulait un resize North (n-resize) ou South (s-resize) !!

    Si Matthieu ou qqun d’autre peut simplement me dire quelle est la meilleure option, et si j’y suis autorisé, je règle ça dans le CSS du porte-plume sur la zone.

    • e_cosystems

      Bonjour Yann, je passais pour signaler la même chose.

      Des nouvelles par rapport à ça ?

      Perso, je l’ai mis en ne-resize.

      Bonne journée à tou-te-s !

    • C’est une propriété de CSS 3. Il n’y a pas d’équivalent en CSS 2.1

    Répondre à ce message

  • 1

    Je viens d’installer SPIP 2.1.1 et je retrouve un erreur dejà existant dans SPIP 2.1.0 avec l’extension Porte-plume.

    Après installer tous les plugins desquels j’ai besoin les icônes de la barre d’outils du Porte plumes disparaissent. Pluf !
    En plus, chaque fois que je vide le cache SPIP je reçois le suivant message d’erreur :

    message: Filtre barre_outils_css_icones no definit
    esquelet: ../extensions/porte_plume/barre_outils_icones.css.html
    boucle: /       
    Linie: 4

    Personne n’a rencontré cette erreur ? Comment peux-je le résoudre ?

    • Pour la disparition... quelques personnes l’ont noté, sans savoir pourquoi...
      Or toi, tu as au moins l’erreur, c’est un bon début.

      Va savoir pourquoi maintenant il y a cette erreur...

      Normalement cela ne devrait pas arriver vu que le plugin appelle : <fonctions>inc/barre_outils.php</fonctions> qui contient la fonction en question.

    Répondre à ce message

  • 2
    Grizzly

    Bonsoir,

    je viens de rencontrer un problème nouveau quand j’accède à mon module SPIP Liste - je suis sous Spip 2.1 - le problème vient d’apparaître soudainement (SPIP liste fonctionnait correctement vendredi encore, toujours sous SPIP 2.1

    Voici le message d’erreur

    Fatal error : Cannot redeclare afficher_barre() (previously declared in /home/evousfr/www/ecrire/inc/vieilles_defs.php(911) : eval()’d code:2) in /home/evousfr/www/extensions/porte_plume/inc/barre.php on line 24

    • Bonjour,
      j’ai exactement le même message d’erreur lorsque j’utilise le plugin Form&Tables 2.0. Je suis sous spip SPIP 2.1.0 [15608] en local avec wamp.
      J’ai cherché un peu et j’ai fini par effacer les lignes suivantes du fichier barre.php :

      // http://doc.spip.org/@afficher_barre
      function afficher_barre($champ, $forum=false, $lang='') {
      	return;
      }

      En gros le problème vient du fait que la fonction est déclarée deux fois, dans le fichier vieilles_defs.php (dans ecrire/inc) et dans le fichier barre.php (dans extensions/porte_plume/inc).

      J’ai supprimé la fonction dans barre.php à tout hasard, je ne sais pas si c’est la meilleure solution ni s’il vaut mieux l’enlever là ou dans le fichier vieilles_def.php

    • merci, ca résoud le pb aussi chez moi..

      peut-être à transmettre à la liste développement ?

    Répondre à ce message

  • 4

    L’extension “Codes Informatiques, pour Porte Plume” ne fonction plus chez moi...

    Il y a une erreur lorsque l’on va sur la config CFG : Aucun champs trouvé dans config_porte_plume_codes

    Je suis sous Spip 2.1 et j’ai fais une installation automatique de l’extension...

    • Heu, je confirme :

      -  SPIP 2.1.0 [15608]
      -  cfg : 1.15.1
      -  Porte plume 1.7.2
      -  Extension Codes Informatiques, 1.1.1

    • En fait cela fonctionne... mais pas tout de suite.

      Je m’explique.

      Une fois activé l’extension Codes Informatiques du PP il ne se passe rien.

      Il faut en fait quitter le navigateur (pour moi Firefox), puis le relancer et se reconnecter à nouveau au site pour enfin voir apparaître quelque chose (le nouveau bouton “code”).

      That all Folks !

    • En effet, le bouton est proposé sur les cadres textes des articles. Mais la page de configuration du plugin reste néanmoins vide et du coup, je n’arrive pas à activer le plugin sur les forums, toi bien ?

    • Problème finalement résolu en mettant à jour le plugin Saisies (il s’était installé de façon incomplète chez moi)...

    Répondre à ce message

  • salut a tous

    2 questions :
    -  comment faire pour que la prévisualisation prenne en compte la taille xx d’une image <imgx|center|taille=xx> et en soit pas « bloquée » a 500 ?

    -  avec porte plume partout , la fonction prévisualisation ne « fonctionne » pas. est il possible de pouvoir l’utiliser ? (pour, par exemple : les champs description des articles , la redaction de courrier avec spip-listes)
    j’ai posé la question sous l’article spip contrib du plugin ppp et on m’a orienté ici...

    merci

    bon été a tous

    Répondre à ce message

  • Bonjour,

    Serait-il possible de nous proposer un tuto sur comment ajouter des caractères au bouton « caractères spéciaux » pour d’autres langues ? J’ai constaté qu’il ne s’affichait pas lorsque l’article est dans une langue qui n’est pas concerné par les caractères qui y figurent, ce qui est une brillante idée, mais comment l’étendre s’il vous plaît ?

    Valéry

    Répondre à ce message

  • 1

    Bonjour,

    je cherche comment faire pour désactiver l’ajout des javascripts et css du porte plume dans l’espace public ?
    Merci

    • Marcimat

      define('PORTE_PLUME_PUBLIC', false);

      Sinon, tu as aussi l’option en 2.1 dans la configuration avancée de SPIP.

    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