SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 259 visiteurs en ce moment

Accueil > Rédaction > Assistants de rédaction > Barre Typographique V2 > Plugin Barre Typographique V2

Plugin Barre Typographique V2

23 juin 2007 – par bill, Joseph, RealET – 116 commentaires

13 votes

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.

Pour 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.

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 V2Cliquez 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..

P.-S.

Ce plugin n’est plus maintenu.

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

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.

Dernière modification de cette page le 2 septembre 2009

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 11 janvier 2010 à 14:31, par ? En réponse à : Plugin Barre Typographique V2

    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.

    • Le 17 février 2012 à 09:59, par ? En réponse à : Plugin Barre Typographique V2

      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

  • Le 28 septembre 2010 à 14:05, par filnug En réponse à : Plugin Barre Typographique V2

    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

  • Le 27 novembre 2009 à 22:32, par vanso En réponse à : Plugin Barre Typographique V2

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

    Répondre à ce message

  • Le 2 février 2009 à 13:25, par mmmx En réponse à : Equation pour Plugin Barre Typographique V2

    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

  • Le 2 septembre 2009 à 10:26, par charliejo En réponse à : Plugin Barre Typographique V2

    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

    • Le 2 septembre 2009 à 12:20, par RealET En réponse à : Plugin Barre Typographique V2

      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

  • Le 2 septembre 2009 à 09:52, par ? En réponse à : Plugin Barre Typographique V2

    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

  • Le 23 août 2009 à 13:43, par PatG En réponse à : Plugin Barre Typographique V2

    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

  • Le 13 août 2009 à 20:51, par ? En réponse à : Plugin Barre Typographique V2

    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

  • Le 10 juillet 2009 à 13:05, par regis En réponse à : ERREUR à l’INSTALLATION

    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.

    • Le 12 juillet 2009 à 20:09, par Regis92 En réponse à : (Problème identifié)

      Problème identifié... en cours de résolution.

    • Le 12 juillet 2009 à 20:10, par Regis92 En réponse à : Non non non... pardon !!!

      Le problème n’est pas identifié, il est toujours présent.

      (me suis trompé de page de plugin... désolé)

    Répondre à ce message

  • Le 17 mai 2009 à 20:45, par Pierrot40 En réponse à : Plugin Barre Typographique V2

    Je suis comme dubois : il manque des icônes dans la barre et les mofifs ne gilcot ne fonctionnent pas .
    J’utilise SPIP 2.0.7 et j’ai téléchargé le fichier marqué ici plugin pour spip2.
    Peut-on savoir s’il y a une mise à jour existante ou prévue pour ce plugin ou à défaut pouvez-vous signaler que ce plugin ne fonctionne pas avec spip2 (dès le début de sa présentation et non quelque part dans l’article)
    Dans tous les cas, Merci.

    Répondre à ce message

Répondre à cet article

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Plugin Logo SVG : pouvoir utiliser des logos SVG

    17 octobre – commentaires

    Le SVG est un format vectoriel donc très léger et redimensionnable sans pertes, mais SPIP ne l’acceptait pas sur les logos. Ce plugin comble ce manque. Comment ça fonctionne ? Vous installez ce plugin, vous l’activez, et c’est tout. Crédits Une (...)

  • Utilisez le framework Foundation dans vos squelettes !

    13 août 2013 – 58 commentaires

    Foundation est un framework CSS et Javascript très complet pour réaliser des sites sur une grille propre et homogène. Mais surtout, il permet de rendre un site responsive très facilement ! Ce plugin ajoute le framework Foundation sur l’espace (...)

  • LinkCheck : vérificateur de liens

    13 février 2015 – 65 commentaires

    Ce plugin permet de chercher et tester l’ensemble des liens présents dans les objets. Vous pourrez donc en quelques clics connaître les liens brisés ou défectueux qui se sont immiscés dans le contenu de votre site SPIP. La vérification s’effectue en (...)

  • GIS 4

    11 août 2012 – 1288 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Metas +

    3 décembre – commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)