Porte plume

Une barre d’outils pour bien écrire…

Published : 25 July 2009 – updated on 14 March 2025 – by Matthieu Marcillaud – 142 commentaires

1
2
3
4
5
216 Votes

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.

Footnotes

[1] Il 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...

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

Discussion

5 years 1 year 3 months Without limit
par date
Filter

55 discussions

  • 1
    liberté

    Bonjour,

    J’ai problème dans le porte-plume:

    Dans l’interface privée, au cours de la rédaction d’articles;
    Sur deux sites en SPIP 3.0.16 [21266]. Les onglets voir et éditer masquent les boutons du porte-plume insérer un modèle
    utiliser un outil du couteau suisse
    insérer un filet de séparation
    insérer un code informatique

    J’ai passé l’un des sites en SPIP 3.0.17 [21515] et le problème persiste avec cette fois en plus les boutons colorer le texte, colorer l fond, insérer un filet de séparation, bien présents mais sans les icônes dans les cases de choix.
    Merci par avance pour toute suggestion.

    • liberté

      Bonjour,

      Une petite remontée?

      Je suis passé à Spip 3.0.21.

      Le problème persiste avec de nouvelles étrangetés.

      Parfois les icônes réapparaissent mais dans ce cas si je crée un lien hypertexte dans un article et que le mette en ligne. Le lien précédemment créé est modifié et redirige sur l’article en question mais dans la partie privée! Ça me pose un problème de sécurité.
      Merci d’avance pour toute piste.

    Reply to this message

  • baloo

    bonjour,
    porte plume est vraiment un plus pour spip.
    J’ai ajouté des modèles dans la barre en m’aidant du plugin enluminuretypo.
    J’ai juste un petit soucis je ne vois pas comment mettre un parametre de modele en facultatif.
    Si la personne ne saisie rien... la variable est vide et le modele devient
    <modeletoto1|monparametre="">
    Je gère au niveau du modèle mais j’aurais aimé n’avoir que <modeletoto1> dans le texte de l’article. Quand il y a plusieurs paramètres facultatifs inutilisés ( aligner, couleur par exemple) cela alourdis le texte.

    y a t-il une option pour cela ?

    j’utilise par exemple :

    array(
	"id"          => 'barre_postit3',
	"name"        => _T('post-it3'),
	"className"   => "post-it3", 
	 "openWith"    => "&lt;post-it|texte=", 
	"closeWith"   => "|auteur=[!["._T('enlumtypo:postit3_input')."]!]&gt;",
	"display"     => true,
	"selectionType" => "word",
	),

    Reply to this message

  • 1
    inaden

    Bonjour

    Je suis sur spip 3.0.17 tout nouveau, tout beau et fraichement installé. J’ai pu installer d’autre plugins (que j’ai désinstallé par la suite pour voir s’il n’y avait pas de conflit) mais quand je veux installer le porte plume, je me retrouve avec au début de l’installation le message suivant :

    Actions demandées :
    • Désactiver le plugin « Porte plume » (version : 1.12.4)
    • Activer le plugin « Porte plume » (version : 1.12.4)

    Puis avec :

    La désactivation du plugin « Porte plume » (version : 1.12.4) ne s’est pas correctement déroulée
    L’activation du plugin « Porte plume » (version : 1.12.4) s’est correctement déroulée

    Mais le plugin reste afficher comme inactif.

    J’ai voulu téléchargé la version 1.11.5 (lien en haut de page), mais là j’ai un message d’erreur 404.

    Avez-vous une idée de ce qui arrive et une solution à ce problème.
    Merci d’avance pour votre aide et vos lumières.
    Denis

    • baloo

      dans la version 3 porte plume est dans les plugins de la dist de spip

    Reply to this message

  • 1
    Francky

    Salut Marcimat,
    Juste pour dire que en SPIP 3.1.0-dev [21172] si je télécharge (via svp) la dernière version de crayons dispo (1.17.0) j’ai deux notices qui apparaissent quand je clique sur le bouton de configuration de crayons.

    Notice: Use of undefined constant PORTE_PLUME_PUBLIC - assumed ’PORTE_PLUME_PUBLIC’ in /.../ecrire/public/composer.php(83) : eval()’d code(79) : eval()’d code on line 1

    Notice: Use of undefined constant PORTE_PLUME_PUBLIC - assumed ’PORTE_PLUME_PUBLIC’ in /.../ecrire/public/composer.php(83) : eval()’d code(79) : eval()’d code on line 1

    Reply to this message

  • 1
    mrskater

    Bonjour,
    je souhaite modifier les outils mis à disposition des rédacteurs dans le back-office. Je le fais en modifiant le fichier edition.php dans le dossier barre_outils du dossier porte_plume dans le dossier plugins-dist. Mais ça n’est pas très propre comme pratique. Du coup comment puis-je faire pour garder les fichiers propre du plugin et avoir un fichier edition.php (copie) modifié ?

    Merci par avance.

    Reply to this message

  • 1
    gilles

    Salut,

    Je suis sous SPIP V3

    Quand je veux l’installer il me dit :

    La désactivation du plugin « Porte plume » (version : 1.12.2) ne s’est pas correctement déroulée
    L’activation du plugin « Porte plume » (version : 1.12.2) s’est correctement déroulée

    Je l’ai jamais installer.

    Vous avez une idée ?

    Merci d’avance

    • marcimat

      Il est par défaut dans SPIP 3 (dans les plugins «vérrouillés»)

    Reply to this message

  • 2
    Eric

    BUG : Sur SPIP 2.1.11 [18566] de base et avec IE8.

    Quand on clique sur le bouton intertitre de la barre d’outil sans sélection dans le texte, le curseur étant sur la ligne et après N caractères : les N premiers caractères de la ligne ne sont pas placer entre les accolades et les N de la ligne suivante sont pris, avec N=le nombre de retour chariot depuis le début de texte jusqu’au curseur.

    Si le curseur est avant, c’est comme s’il était sur la ligne précédente après N caractères. Idem pour gras et italique mais au niveau du mot !!!.

    • En effet j’ai aussi ce bug sous IE8 avec spip 2.1.12

    • Eric

      Toujours le même problème avec SPIP 2.1.15, bien amélioré avec SPIP 3.0.1 auquel il ne reste d’un effet de bord.

      SPIP 2.1.15 : cela ce situe au niveau de la sélection automatique du porte plume qui dérive d’autant de caractère que de retour chariot depuis le début du texte par rapport au curseur.

      SPIP 3.0.1 : seul la fin dérive si et seulement si le curseur est en fin de ligne.

      La version pour SPIP 3 est-elle portable pour SPIP 2 en copiant certains fichiers, je pense surtout à ’jquery.markitup_pour_spip.js’ ?

      J’en profite aussi pour demander à quoi sert le fichier ’jquery.markitup.js’ car on utilise seulement le ’pour_spip’ non ?

    Reply to this message

  • 2
    amaury1

    Le lien de téléchargement est mort ...
    Est-ce que quelqu’un pourrait le remettre ou m’envoyer le zip svp ?

    Merci ! :-)

    Reply to this message

  • ygornet

    dans extensions/porte_plume/css/barre_outils.css
    ligne 37, sélecteur .markItUp .markItUpResizeHandle
    dans ce sélecteur, on lit l’instruction
    cursor:ns-resize;

    or l’attribut cursor ne connaît pas l’instruction “ns-resize” (http://www.w3schools.com/cssref/pr_class_cursor.asp)
    et le validateur css indique une erreur

    Reply to this message

  • Nicolas Kempf

    Hum... Est-ce que dans la prochaine version, on pourra rajouter le caractère “points de suspension” au pavé des caractères spéciaux (html: … ) ?

    Reply to this message

Add a comment

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.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom