Plugin Barre Typographique V2

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

Le plugin Barre Typographique V2 vient remplacer la barre typographique standard de SPIP et en y ajoutant différents outils d’aide à la rédaction. Ce plugin ne modifie pas les raccourcis standard de SPIP.

La barre typographique de SPIP propose un nombre limité d’outils d’aide à la rédaction permettant d’insérer les raccourcis typographiques de SPIP dans un texte. La Barre Typographique V2 vise à fournir un nombre plus importants d’outils pour l’insertion des raccourcis standard de SPIP dans un texte.

Depuis SPIP 2, c’est Porte plume qu’il est conseillé d’utiliser, éventuellement avec Enluminures typographiques V3. Et pour l’insertion d’image venant d’autres articles : Integración « facilitada » de FCKeditor 2.1.1 a SPIP 1.8.2 d.

Présentation

Barre Typographique V2 et Barre Typographique Enluminée

Le plugin Barre Typographique Enluminée fournit à la fois des fonctionnalités supplémentaires à la barre typographique standard et ajoute de nouveaux raccourcis typographiques. Ces nouveaux raccourcis typographiques sont dépendants du plugin. Ainsi, si vous supprimez le plugin, ces raccourcis ne seront plus traités par SPIP et viendront polluer vos textes. Aucune procédure de désinstallation automatique de ces raccourcis n’est pour le moment disponible [1].

La Barre Typographique Enluminée a été scindée en deux plugins :

Pour obtenir les mêmes fonctionnalités que la Barre Typographique Enluminée (aide à la rédaction et nouveaux raccourcis typographiques), il faut installer à la fois la Barre Typographique V2 et le plugin Enluminures Typographiques. Pour disposer uniquement des outils d’aide à la rédaction sans la création de nouveaux raccourcis, il faut installer uniquement la Barre Typographique V2.

Pour information, la Barre Typographique Enluminée ne sera désormais plus maintenue au profit des deux nouveaux plugins.

Installation de la Barre Typographique V2

Ce plugin s’installe selon la procédure standard d’installation d’un plugin. L’archive zip du plugin est disponible sur SPIP-Zone.

Fonctionnalités ajoutées par la Barre Typographique V2

Les améliorations de la Barre Typographique (par rapport à celle standard de SPIP) sont les suivantes :

  • Mode prévisualisation intégré : c’est un aperçu de la traduction visuelle des raccourcis typographique (telle qu’on l’obtient quand on enregistre l’article).
    Ce n’est pas un aperçu de ce que ça donne dans le site [2].
  • Zone de saisie des liens améliorée.
  • Zone de gestion des ancres.
  • Zone de rechercher/remplacer.
  • Un peu plus de caractères spéciaux.
  • Passer la sélection en majuscules ou en minuscules (avec gestion des accents !).
  • Saisie de tableaux dans un assistant (et ensuite, modification possible avec ce dernier en ayant au préalable sélectionné le contenu du tableau)
  • Insertion d’images et de documents depuis l’intégralité du site facilitée.
  • Statistiques (nombre de mots, de caractères et de signes) sur le texte ou une sélection du texte.

La Barre Typographie V2 pliée :

La Barre Typo V2 pliée

La Barre Typographie V2 dépliée :

La Barre Typo V2 dépliée

Mode Prévisualitation

Icône Prévisualisation de la barre typo V2

Pour activer le mode prévisualisation, il faut cliquer sur l’icône en forme d’oeil. Un cadre rouge apparaitra alors sous le texte dans lequel s’affichera le texte en cours de rédaction mis en forme. Il permet de voir au fur et à mesure de la frappe le résultat de la transformation des raccourcis typographiques en HTML.

Exemple Prévisualisation Barre Typo V2

La prévisualisation est réactualisée à chaque action et au cours de la frappe si aucune touche n’est pressée pendant un délai d’une seconde. Comme le texte est envoyé au serveur pour que celui traîte les raccourcis de SPIP puis renvoyé au navigateur, si le réseau est saturé, la réactualisation peut prendre quelques secondes.

À noter : ce résultat est différent de celui qui sera obtenu sur le site public : la prévisualisation ne concerne que la transformation en HTML, pas le rendu final qui peut de toute manière changer selon le squelette utilisé [3]. Sur certains sites, en raison de problèmes de charset non encore identifiés, il se peut que les accents ne soient pas affichés correctement dans la prévisualisation. Néanmoins, ils restent affichés correctement dans les squelettes finaux. Cela n’affecte que le mode prévisualisation.

Saisie d’un lien

Icône Lien

Pour afficher la zone de saisie d’un lien, cliquez sur l’icône lien.
Remplissez d’abord le champs Adresse. Vous pouvez utilisez la notation abrégée de SPIP. Par exemple, 45 pour faire un lien sur l’article 45, rub21 pour faire un lien sur la rubrique 21, etc. Au besoin, saisissez une bulle d’aide qui sera affichée au survol de la souris et éventuellement un paramètre de langue à ajouter au lien (pour les liens internes).

Exemple saisie d’un lien avant

Après avoir rempli les champs, sélectionnez le texte à transformer en lien et cliquez sur OK.

Exemple saisie d’un lien après

Gestion des ancres

Icône Ancre de la barre typo V2

Une ancre est un point dans une page sur lequel on souhaitera faire pointer un lien. Cliquez sur l’icône représentant une flèche rouge pointée vers le bas pour afficher la zone de gestion des ancres.

Pour créer une ancre, remplissez le champs Nom de l’ancre, puis sélectionnez le mot devant lequel vous souhaitez placer l’ancre et cliquez sur OK.

Pour faire un lien pointant sur une ancre placée dans l’article, remplissez le champs Ancre cible et au besoin le champs Bulle d’aide, puis sélectionnez le texte à transformer en lien et cliquez sur OK.

Exemple de Gestion des Ancres

Rechercher/Remplacer

Icône Chercher/Remplacer de la barre typo V2

Cliquez sur cet icône pour afficher la zône Rechercher/Remplacer. Pour effectuer une recherche, remplissez le champs Chercher et cliquez sur le bouton du même nom. Pour effectuer un remplacement, remplissez les champs Chercher et Remplacer puis cliquez sur le bouton Remplacer.

Caractères spéciaux

Icône Caractères spéciaux de la barre typo V2

Cliquez sur l’icône en forme de clavier pour afficher la zone Caractères spéciaux. Les guillemets sont insérés de part et d’autre du texte sélectionné. Les lettres non usuelles (majuscules accentuées, æ et œ, €) sont insérées là où le curseur est positionné.

Passer en Majuscules ou en Minuscules

Icône Minuscules de la barre typo V2
Icône Majuscules de la barre typo V2

Ces deux boutons permettent de passer la sélection en majuscules ou en minuscules. Ils sont disponibles dans la zone Rechercher/Remplacer et dans la zone Caractères Spéciaux [4].

Note : les minuscules accentuées (éèà etc.) sont transformées en majuscules accentuées (ÉÈÀ etc.) et inversement.

Saisie de tableaux

Icône Tableau de la barre typo V2

La BTE dispose d’un éditeur de tableau. Positionnez le curseur là où vous souhaitez insérer un tableau, puis cliquez sur l’icône de l’éditeur du tableau. Une pop-up apparaît vous permettant de rentrer les informations de votre tableau.

Editeur de tableaux de la BT2

Les croix rouges permettent de supprimer les lignes ou colonnes correspondantes. Les autres icônes permettent d’insérer une ligne ou une colonne avant celle considérée.

Vous pouvez rééditez un tableau en le sélectionnant avant de cliquer sur l’icône de l’éditeur. Attention : vous devez sélectionner tout le tableau, sinon vous risquez d’obtenir un résultat inattendu.

Insertion d’images et/ou de documents

Icône Galerie de la barre typo V2

Positionnez le curseul là où vous soihaitez insérer une image ou un document puis cliquez sur l’icône galerie. Une pop-up apparaît vous permettant de parcourir l’arborescence du site. Choisissez le document ou l’image que vous souhaitez insérer puis cliquez sur left, center ou right.

Statistiques (nombre de mots, de caractères et de signes)

Icône Statistiques de la barre typo V2

Cliquez sur le symbole Somme pour afficher les statistiques sur le texte en cours de rédaction. Les statistiques sont réactualisée au cours de la frappe comme pour le mode prévisualisation. Elles sont calculées à partir du texte brut, après suppression des informations de mise en forme.

Si l’on sélectionne une partie du texte, seule la sélection est prise en compte pour le calcul des statistiques. Une fois le texte déselectioné, les statistiques se réactualiseront sur l’ensemble du texte.

Exemple de statistiques BT2

Note : comme pour la prévisualisation, le texte est envoyé au serveur pour traitement et calcul avant que le résultat ne soit renvoyé au navigateur. En cas de ralentissement réseau, les statistiques peuvent mettre quelques secondes avant de se réactualiser.

Origine des différentes contributions

La BT2 intègre plusieurs contributions développées par les uns et les autres. Pour information, voici une copie du champ <auteur> du plugin :

  • Jacques
  • Extensibilité : Bill (Stephane LAURENT - spipcarto@gmail.com) : des pipelines pour rajouter des boutons et la possibilité de rajouter des traitements dans pre_propre
  • Prévisualisation : http://www.spip-contrib.net/Previsu...
  • Editeur de tableaux : Christian Quentin à partir du travail de Courcy dans l’article pour l’éditeur de tableau
    Le code initial de Courcy a a été en grande partie ré-écrit pour :
    • générer une syntaxe de tableau SPIP et non HTML (l’éditeur de couleur de cellules disparait donc aussi)
    • pour permettre de créer mais aussi de modifier un tableau existant
    • pour intégrer les éléments HTML titre et résumé de tableau
  • Galerie de documents : SCRIPT ORIGINAL POUR SPIP 1.7.2
  • Statistiques : Joseph à partir d’une contribution de François Schreuer.
  • Adaptation SPIP 1.9.2 par Coyote (28 mars 2007)

Pipelines

La BT2 fournie plusieurs pipelines permettant ainsi à d’autres plugins de venir rajouter des fonctionnalités à la barre. C’est le cas notamment du plugin Enluminures Typographiques. Pour les développeurs de plugin souhaitant rajouter des boutons à la BT2, il est conseillé de regarder le fichier typo_options.php pour prendre connaissance des différents pipelines disponibles et le fichier inc/barre.php pour voir où ils s’insèrent dans la barre..

Notes

[1L’éventualité future d’une telle procédure n’est pas à exclure (cf. discussions sur la liste spip-zone). Mais rien ne garantie qu’elle verra effectivement le jour.

[2Et c’est bien ainsi, car le site pourra changer de squelette et donc d’apparence dans le temps

[3Le propre de SPIP étant de séparer le contenu de la présentation, un même site pourra voir son apparence changer au cours du temps. C’est le cas en particulier de SPIP contrib.

[4Par rapport à la Barre Typographique Enluminée, le comportement de ces deux fonctions a légèrement changé. Si l’on cliquait sur un des deux boutons en l’absence de texte sélectionné, avec la BTE tout le texte était passé en majuscules ou en minuscules. Avec la BT2, s’il n’y a pas de texte sélectionné, il ne se passe rien. Pour passer tout le texte en majuscules ou en minuscules, il faut d’abord sélectionner tout le texte.

Ce plugin n’est plus maintenu.

Pour SPIP 2, c’est Porte plume qu’il est conseillé d’utiliser, éventuellement avec Enluminures typographiques V3.

Discussion

43 discussions

  • Louise Michel

    Salut,

    le lien de téléchargement ne fonctionne plus.

    Bonne journée

    Répondre à ce message

  • 1

    Bonjour,

    J’ai installé ce plugin pour l’edition des tableaux.
    Sur mon spip en local ça fonctionne nickel.
    Par contre sur le site en production dans le pop up pour crée le tableau avec l’editeur, le visuel du tableau pour editer n’apparait pas.

    J’ai vider le cache, fait un ctrl+f5, rien n’y fait, le visuel du tableau dans le pop up n’apparait pas.

    Voila ce que ça donne en image :
    http://www.no-tek.net/images_habillage/table3.jpg

    Quelqu’un peut il m’aider ?

    Merci.

    • L’assistant crée un titre au tableau. Si on supprime la ligne de titre du tableau, on ne peut plus éditer le tableau !!!

    Répondre à ce message

  • 2

    bonjour,

    est-ce qu’il y a une version qui fonctionne sous spip 2.1 ?
    car après l’avoir installé (et vidé le cache), la barre typographique n’a pas l’air de vouloir s’afficher !

    Répondre à ce message

  • Ce plugin nous sera bien utile, merci pour le boulot. Le site www.autourdeleonardo.com l’utilise sans modération.

    Répondre à ce message

  • 1

    Je voudrais partager la modification del plugin pour inclure raccourcis typo d’équations (latex).

    Je ajoutée une fonction et trois lignes modifiées dans ces du plugin dans un seul file.

    Convient-il ajouter le file modifié à le vôtre plugin ou en faire un plugin que s’appuie à le vôtre ?

    Et comme se fait le surcharge ?

    Salue

    Répondre à ce message

  • 1

    J’ai bien vidé le cache.
    En fait, je m’aperçois que j’ai quelques icones d’ajouter, mais pas l’icone pour insérer des images....celui que je souhaitais utilisé...
    Merci

    • Cette icône ne fonctionnait plus avec SPIP 2.

      Par contre, le plugin Gestion de documents (Médiathèque) dispose de cette fonctionnalité...

    Répondre à ce message

  • 1

    Bonjour,
    J’ai installé le plugin sur Spip 2.0, aucune erreur de signaler mais rien est ajouté à barre .....
    Ai-je raté une étape ?
    Merci

    Répondre à ce message

  • Sous SPIP SPIP 1.9.2i [14398] tout autre plug-in ou javascript désactivé et #INSERT_HEAD dans le head.

    Le plug-in BT V2 fonctionne très bien dans l’espace privé. Par contre dans l’espace public (forum), j’ai l’erreur (donnée par FireBug) fichier : spip_barre.js ligne : 15, findObjet is not defined.

    Peut-on fixer ce problème ? ou désactiver la barre Typo V2 dans l’espace public ?

    Merci d’avance pour votre aide.

    Répondre à ce message

  • Bravo ! C’est du plug and play, et très intuitif ! Installé et utilisé en 2 mn sous Spip 2.0

    Répondre à ce message

  • 2

    Bonjour,

    Je rencontre le problème suivant :

    Je suis sur V1.9.2.h.

    J’ai installé les dernières versions de :
    cfg
    barre_typo_generalisee
    enluminures_typographiques_v2
    couteau suisse

    Problème : si je désinstalle barre_typo_generalisee et que j’installe Barre Typographique V2 à la place, j’ai l’erreur suivante :
    Fatal error : Cannot redeclare execute_pipeline_bt_gadgets() (previously declared in /srv/www/vhosts/munci.org/subdomains/dev/httpdocs/tmp/charger_pipelines.php:313) in /srv/www/vhosts/munci.org/subdomains/dev/httpdocs/tmp/charger_pipelines.php on line 419

    Je ne sais plus trop quoi faire...
    Si je garde ma configuration actuelle (donc avec barre_typo_generalisee) , est-ce que je bénéficie des mêmes fonctionnalités que Barre Typographique V2 ?

    MERCI BCP POUR VOTRE AIDE.

    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