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

  • 5

    J’ai passé un site en spip 2.1.0. Conformément à ce qui est préconisé, j’ai viré la barre typo V2 pour utiliser porte-plume (qui est intégré dans les extensions) et les enluminures v3. MAIS je n’ai plus certaines fonctionnalités comme par exemple l’édition fine des liens avec bulle d’aide par exemple.

    Comportement normal ?

    merci

    • Finalement, je ne comprends pas trop bien la logique d’utilisation de porte-plume. Sur les sites en 1.9 ou j’avais installé la barre typo V2 et les enluminures typographiques, mes rédacteurs disposaient d’une barre esthétique et fonctionnelle, notamment avec la gestion des ancres et des fonctionnalité supplémentaires sur les liens, des possibilités de liens wikipedia, etc.
      Mais sur ces sites en 1.9, l’installation de porte-plume enlève ces fonctionnalités ainsi que l’esthétique de la barre. En spip 2.1, Porte-plume est installé d’office dans les extensions, et donc impossible d’avoir les fonctionnalités de la barre typo dont il semble qu’elle ne soit plus développée. j’avoue que je ne comprends pas trop ce qui me semble être un recul dans les fonctionnalités et l’ergonomie de Spip.

    • Ben non, justement c’est bien de ça que je parle. En spip 2.1, avec évidemment l’extension porte plume et les enluminures V3, je n’ai pas les fonctionnalités de la barre typo

    • Le principal avantage de cette barre n’est pas dans ses fonctionnalités fournies à la base. Elles sont les mêmes que la barre typo d’avant standard à quelques détails ergonomiques près. L’avantage donc est qu’elle est entièrement en javascript, non intrusif. Elle est extensible et peut s’appliquer sur tous les textarea que l’on désire.

      Le fait que tu ne retrouves pas toutes les fonctionnalités que tu avais avec les plugins de barre que tu utilisais est juste que personne n’a encore pris le temps de recoder ces fonctions pour le porte plume. Il y a des choses qui étaient certainement utiles (rechercher/remplacer, création de tableaux) et sont pas très simples à réimplémenter correctement, et d’autres tel que les raccourcis cadres ou les liens wikipedia qui sont assez simple à faire, il suffit juste que quelqu’un s’en donne les moyens.

      Pour cela il faut 1) lire la documentation technique et 2) regarder le dossiers « porte_plume_extras » sur la zone pour observer comment on fait les autres extensions : http://zone.spip.org/trac/spip-zone/browser/_plugins_/porte_plume_extras/

    • Merci de ta réponse. je ne suis pas codeur hélas, mais je vais essayer de regarder quand même. Ceci dit, pour ce qui concerne la documentation des enluminures V3 (lien donné ci-dessus par Jean-Christophe), il me semble du coup un peu inexact d’y voir écrit « Les Enluminures typographiques V3 permettent d’ajouter au Porte plume les raccourcis typographiques présents dans le Plugin Barre Typographique Enluminée. »’

      Non ?

    Répondre à ce message

  • 1
    amalric

    Warning : Invalid argument supplied for foreach() in /mnt/168/sdd/e/7/catherinadogs/plugins/couteau_suisse/outils/smileys.php on line 175

    J’ai ca quand j’active le couteau suisse avec plume (je n’ai pas d’autre plugins), les caches sont bien vide, que faire ?

    • amalric

      J’avais le meme probleme que decrit plus bas : lors de l’edition d’un article la previsualisation des smileys etaient tous identiques dans la barre de smileys mais corrects dans l’affichage final. La vidange du cache image provoquait l’erreur signalée au-dessus.

      Solution : decocher le module Smileys du Couteau Suisse. Vidange des caches spip. Se deconnecter. Fermer la page web. Vider tous les caches de son navigateur (j’etais sous firefox et ubuntu-studio). Se reconnecter, reactiver le module smiley (sans modifier les options par defauts du module) et verifier que tout marche dans un article.

    Répondre à ce message

  • 9
    djibril

    Bonjour,
    J’ai activé dans couteau suisse :
    -  Tout en couleurs
    -  Smileys

    Dans ma barre typographique, les smileys ne s’affichent pas , idem pour la coloration du texte. J’ai juste des cases vides grises et si je passe la souris sur chacune d’elle, j’ai la bulle d’aide m’indiquant ce que c’est .

    J’utilise SPIP 2
    Voici ma liste de plugins :
    #
    pluginAcces Restreint
    plugincfg : moteur de configuration
    plugin Enluminures typographiques pour SPIP 2 & Porte plume
    pluginLe Couteau Suisse
    plugin Lecteur Multimédia en Flash (MP3,flv)
    pluginMediathèque
    pluginPorte plume
    pluginSPIP Bonux
    pluginZen-Garden

    Merci

    • Pour ma part, ça arrive à chaque fois que le cache est vidé (avec celui des image). Ca met pas mal de temps avant de revenir, mais ça reviendra, pas d’inquiétude !

    • djibril

      Pas mal de temps = combien de temps ?
      Car moi ça fait plusieurs jours que c’est ainsi :-) !!

    • Ah oui, si c’est plusieurs jours, c’est un peu long en effet.

      Là je ne peux pas être d’une grande aide, je sais que lorsque j’étais venu dire le même ici, on m’avait répondu que le porte-plume (ou les smileys je ne sais plus) était un peu sévère sur le cache. Mais que ça prenne plusieurs jours, ce n’est pas trop normal je pense…

    • J’ai le même probleme.. Sauf que ca s’étend à toutes les icones de la barre typographique. J’ai beau charger le cache avec autant de smileys que je peux, ya rien qui s’affiche.. (pareil sur tous les navigateurs possibles (IE7, chrome et Firefox) et sur Linux et Windows.
      Même topo quand je vide le cache et que je recalcule la page.. (on sait jamais :p )
      J’ai sensiblement les même plugins avec la même version de Spip..

      Je continu mes tests, mais je commence à être à cours d’idées..

    • Normalement, les images GD sont déposées dans /local/cache-gd2/ puis copiées dans /local/couteau-suisse. Que peux-tu voir dans ces dossiers ?

    • djibril

      Salut,

      Dans /local/cache-gd2, je n’ai rien.
      Sinon mes images ne sont présentes que dans le répertoire
      /plugins/auto/couteau_suisse/img
      drwxrwxrwx 8 www-data www-data 4,0K avr 1 10:39 .
      drwxrwxrwx 12 www-data www-data 4,0K avr 1 10:39 ..
      drwxrwxrwx 2 www-data www-data 4,0K avr 1 10:39 chatons
      -  rw-rw-rw- 1 www-data www-data 1,3K aoû 3 2009 couteau-24.gif
      -  rw-rw-rw- 1 www-data www-data 1,9K aoû 3 2009 couteau-50.gif
      drwxrwxrwx 2 www-data www-data 4,0K avr 1 10:39 decoupe
      drwxrwxrwx 2 www-data www-data 4,0K avr 1 10:39 filets
      -  rw-rw-rw- 1 www-data www-data 1,5K aoû 3 2009 formatspip-24.png
      drwxrwxrwx 2 www-data www-data 4,0K avr 1 10:39 mailcrypt
      -  rw-rw-rw- 1 www-data www-data 994 aoû 3 2009 nosel.gif
      -  rw-rw-rw- 1 www-data www-data 950 aoû 3 2009 permute.gif
      drwxrwxrwx 2 www-data www-data 4,0K avr 1 10:39 smileys
      drwxrwxrwx 2 www-data www-data 4,0K avr 1 10:39 sommaire

    • Bonjour à tous.

      Je pense qu’une mise à jour avec la toute dernière version du Couteau Suisse devrait permettre une meilleure gestion des icônes insérées dans Porte Plume.

      Attention de bien :
      -  activer les fonctions GD dans la config de votre site (Configuration > Fonctions avancées)
      -  réafficher la page d’admin du Couteau Suisse pour le recompiler
      -  vider le cache (SPIP et vignettes)
      -  vérifier ensuite que la barre typo possède bien toutes les icônes attendues

    • Après la vérification demandée dans le post ci-dessus, je me retrouve toujours sans icones dans les tableaux de la barre typographique.
      J’ai bien mes icônes dans la barre, mais si l’une d’entre elle possède un tableau (comme pour les smileys), alors ce tableau est vide hormis l’icone de la barre. (pour les smileys par exemple, si l’icone de présentation est «  :) », alors je l’aurais dans le tableau ET dans la barre mais rien d’autre)

      En fait, je pense que ca vient d’un conflit avec le Couteau-suisse.. En activant la fonction couleur (qui permet de changer la couleur du fond et le texte), je me retrouve avec le même problème. J’ai bien les icones pour acceder à ces balises, mais aucune icone dans le tableau n’apparait..

      Ce que je trouve bizarre c’est le dossier /local
      En effet, j’ai bien les cache-gd2 et couteau-suisse dedans. Mais ce qui est copié de cache-gd2 ne va pas dans couteau-suisse mais dans couteau-suisse/icones_barre. Donc j’ai :
      /local/cache-gd2 => avec toutes les icones, smileys etc..
      /local/couteau-suisse => avec un fichier caché .ok (?)
      /local/couteau-suisse/icones_barre => la copie de cache-gd2

    • Bonjour. Un travail tout récent a été fait sur le Couteau Suisse à ce sujet. Disposes-tu bien de la toute dernière version du plugin ?

    Répondre à ce message

  • djibril

    Message doublon à supprimer. Merci

    Répondre à ce message

  • 3

    Bonjour

    J’ai cette erreur avec firebug sur la page d’accueil d’un site ou le porte plume est active.
    barre_outils_forum is not defined
    [Break on this error] .markItUp(eval(’barre_outils_’ + nom), lang:options.lang) ;

    Cette page ne contient pas de forums

    La page en question : http://www.compagnie-volubilis.com/

    • Marcimat

      Oui, je pense que ton fichier /porte_plume_start.js n’est pas à jour.

    • Je viens de verifier tout est a jour... Bizarre. En local avec les memes pluggins je n’ai pas l’erreur... Je cherche

    • C’était un problème de cache
      Merci et désolé pour le dérangement

    Répondre à ce message

  • La prévisualisation du rendu n’est pas possible dans la zone publique :( pour le Formulaire de Contact Avancé !

    ici : http://www.spip-contrib.net/Formulaire-de-contact-avance

    Quid ? Connu ?

    Merci

    Répondre à ce message

  • 3

    Bonjour,

    Est-ce qu’il serait possible sous spip 2.0, de rendre ce plugin compatible avec le plugin barre typographique améliorée ? En effet, si j’active le porte plume les outils de la barre typographique disparaissent des champs de saisie de l’espace de rédaction d’un article. Pouvoir disposer des 2 plugins serait le top. Merci Amicalement, TS

    Répondre à ce message

  • Bonjour !

    Je souhaite utiliser Porte-Plume pour ajouter les enluminures typographiques.

    Lorsque j’active le plugin, la navigation dans la partie publique devient laborieuse : les passages d’une page à l’autre sont perturbées de manière aléatoire par des messages :

    Site en travaux
    Attention : un problème technique (serveur SQL) empêche l’accès à cette partie du site. Merci de votre compréhension.

    J’utilise :
    -  SPIP 2.0.10 [14698]
    -  Sarka-SPIP 3.0.2 [33955]
    -  Lecteur Multimédia en Flash
    -  Acces Restreint
    -  cfg
    -  Le Couteau Suisse
    -  Enluminures typographiques pour SPIP 2 & Porte plume (j’aimerais !)
    -  FancyBox *
    -  odt2spip *
    -  Porte plume
    -  Spip jQuery Cycle *
    -  Snippets (obligatoire pour avoir odt2spip) *
    -  SPIP Bonux

    * A priori ces plugins sont hors de cause.

    Voyez-vous une incompatibilité dans les choix ci-dessus ?

    Merci de votre aide.

    Répondre à ce message

  • 8

    Aucune idée, mais le code de la prévisu s’appuie sur le charset connu de SPIP :

    #HTTP_HEADER{Content-Type: text/html; charset=#CHARSET}
    • Bonjour,

      J’ai le même soucis.

      Exemple :

      fonctionnalités

      nouveautés

      Merci

    • Bonjour,

      Pas d’idée d’où peut venir le problème ?

      Merci

    • J’ai toujours le souci : les accents sont affichés avec des caractères bizarre. Dans la partie privée, SPIP m’indique que le site est installé avec le jeu de caractères « iso-8859-1 ». Dans mes pages publiques et privées, aucun problème. Seul l’onglet voir présente cet affichage.

      Quels pistes pourrais-je exploiter pour corriger ce dysfonctionnement de ce plugin très apprécié de mes rédacteur ?

    • Rencontrant les mêmes difficultées, je me demandais si vous aviez résolu ce problème ?

      Merci d’avance,
      Emmanuelle

    • Bonjour

      et bien non, j’ai toujours le même soucis. Et vraiment aucune piste pour en déterminer l’origine. Si d’autres personnes ont des idées...

    • Si quelqu’un veut bien me prêter un accès admin et ftp où le problème est présent, je veux bien prendre le temps de regarder / tester / comprendre...

    • Merci Manu_JT pour les accès.

      Suite à cela, je propose de baser le charset en priorité sur le charset SQL de la base de donnée, et non sur le charset d’affichage. Cependant, il n’est pas toujours connu/renseigné. Donc, j’ajoute aussi la possibilité de le forcer par define().

      Merci de tester la version 1.6.1.

      Dépot concerné : http://zone.spip.org/trac/spip-zone/changeset/34471 (et le suivant, un oups)

    • OK je vais tester mais je ne comprends rien à SVN.
      A quelle heure le ZIP sera-t-il reconstruit ?

      En tout cas merci par avance de t’être penché sur la question :)

      [EDIT] Les modifications étant peu nombreuses, je les ai reportées « à la main » et ... c’est beaucoup mieux. La plupart des caractères accentués s’affichent désormais correctement.
      J’ai encore un souci sur le « à » par exemple mais maintenant ça affiche un petit losange avec un point d’interrogation à l’intérieur.
      Pour informations, je rencontre également ce souci lors de la mise à jour auto de certains plugins : le descriptif du plugin s’affiche avec ces petits losanges alors que pour d’autres, aucun soucis.

    Répondre à ce message

  • Bonjour, sous spip 2.0, il semble que ce plugin ne soit pas compatible avec le plugin barre typographique améliorée dans sa dernière version.

    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