SPIP-Contrib

SPIP-Contrib

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

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

Accueil > Rédaction > Affichage dans texte > Boutons texte > Texte agrandi ou pleine page

Texte agrandi ou pleine page

Le plugin boutonstexte

14 novembre 2006 – par support, toggg – 120 commentaires

34 votes

Un plugin client qui pose ou équipe tout seul des boutons dans le texte pour gérer la taille des caractères ou passer le texte en pleine page

Motivations

Insérer des boutons dans le texte pour

  • augmenter/diminuer la taille de la police de caractères,
  • voir le texte en pleine page.

Tout cela

  • en cliquant juste sur installer le plugin sans toucher à rien d’autre

Installation

C’est un plugin. Il faut donc être en 1.9

Tout se fait coté client en javascript new wave, il faut donc une 1.9.2 sinon avoir le plugin jQuery

Le zip boutonstexte des snapshots de la zone fournit un dossier plugins/boutonstexte/ à poser dans votre spip/plugins/

Ensuite, allez dans configuration/administrer les plugins ( ecrire/?exec=admin_plugin ) et validez Boutons dans le Texte

Vous pouvez aussi l’obtenir en svn

Réglages

A priori aucun.

Par défaut, les boutons sont insérés dans un span de classe boutonstexte, chacun ayant sa propre classe textonly, textsizeup et textsizedown juste avant chaque élément de classe texte.

Il est aussi possible de spécifier soi même des boutons "fixes", il suffit qu’ils aient les classes textsizeup et textsizedown. Dans ce cas, boutonstexte n’insèrera pas de boutons avant les zones de texte et le click agira sur toutes ces mêmes zones.
Note au 24/12 : ce n’est que dans la version en développement et ça n’est pas encore fait pour le bouton "texte seulement"

Vous pouvez changer les images utilisées en icones.
izo propose des alternatives

Plusieurs règlages sont possible en affectant des propriétés de boutonstexte en javascript juste avant </head> comme par exemple, pour chercher toutes les zones de classe texte et pas seulement celles dans la div id contenu :

<script type="text/javascript">boutonstexte.selector = ".texte";</script>

Si vous êtes en 1.9.2 ou suivantes, installez cfg. Vous pourrez alors effectuer ces réglages directement depuis le lien donné dans administration plugins lorsque on ouvre le « chapitre » Boutons dans le texte. Cette méthode est conseillée, elle évite toute intervention dans le code.

Propriétés Défaut Description Notes
selector #contenu .texte Sélecteur jQuery/CSS des éléments affectés, défaut : les classes texte descendantes de l’id contenu
imgPath plugins/boutonstexte/images Chemin des icones
rate 1.2 Ratio (nombre réel) d’augmentation/diminution des tailles de police, le défaut correspond à 20%
txtOnly Texte seulement Titre du bouton pour n’afficher que le texte 1,2
txtBackSpip Retour à Spip Titre du bouton pour retour affichage complet 1
txtSizeUp Augmenter police Titre du bouton pour augmenter la taille des caractères 1,2
txtSizeDown Diminuer police Titre du bouton pour augmenter la taille des caractères 1,2
  1. Texte traduit (fr, de, it au 24/12), si affecté doit être en séquences Array javascript
  2. Mis à blanc comme boutonstexte.txtXXX = ""; : inhibe le bouton correspondant

Extensions

Ce plugin se marie très bien avec Crayons

Essayez l’édition pleine page :)

Voir en ligne : http://plugins.spip.net/boutonstexte

Dernière modification de cette page le 11 mai 2015

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 3 mai 2015 à 16:22, par Théo En réponse à : Texte agrandi ou pleine page

    Bonjour,

    En effet, très pratique ce plugin qui permet aux personnes malvoyantes d’agrandir le texte. Mais en cliquant sur « Texte seulement », celui-ci s’ouvre dans une fenêtre mais apparaît appuyé à droite…

    J’ai cherché (peut-être mal) pour faire que le texte apparaisse appuyé à gauche. Ce qui me semble plus logique.

    Quelqu’un aurait-il la solution à ce petit détail ?

    • Le 11 novembre à 16:40, par François Daniel Giezendanner En réponse à : Texte agrandi ou pleine page

      Bonjour Théo,

      En effet, en cliquant sur « Texte seulement », celui-ci s’ouvre en pleine page mais apparaît aligné à droite au lieu d’être aligné à gauche !

      J’utilise squelettes.dist de SPIP 3.1.1 avec les "plugins de base verouillés" activés et ait activé les plugins suivants :

      1. Accès Restreint 3.14.1 - dev
      2. Alias Articles 0.1.2 - stable
      3. Boutons dans le Texte 2.0.5 - stable
      4. Comments 3.3.3 - test
      5. Corbeille 3.0.6 - stable
      6. Crayons 1.25.0 - stable
      7. Des jeux dans vos articles 3.4.0 - test
      8. Enluminures typographiques 3.5.6 - stable
      9. Facteur 3.4.2 - stable
      10. FB Antispam 1.2.3 - test
      11. Le Couteau Suisse 1.9.10 - stable
      12. Magnet 0.7.2 - test
      13. Menu animé déroulant 1.0.10 - stable
      14. Menus 1.6.1 - stable
      15. Nettoyer la médiathèque 0.11.1 - stable
      16. NivoSlider 3.2.7 - stable
      17. NoSPAM 1.5.14 - stable
      18. Notation 2.0.12 - test
      19. Notifications 3.5.3 - stable
      20. Nuage 4.0.6 - stable
      21. Numérotation Rapide 2.0.8 - stable
      22. odt2spip 2.1.3 - test
      23. Partageur 1.0.4 - stable
      24. Plugin TagSphère 0.4.1 - stable
      25. Porte Plume Partout 1.0.7 - test
      26. Saisies pour formulaires 2.6.2 - stable
      27. Social tags 1.0.12 - stable
      28. SPIP Bonux 3.3.1 - stable
      29. SVP Statistiques 0.2.0 - dev
      30. Todo 2.2.0 - stable

      J’ai regardé le fichier boutonstexte.css, on y trouve l’instruction :

      ...
      div.onlytext {text-align: left;margin:0 auto!important;border:0 !important;padding:0 !important;float: none !important; color: black;width:19cm!important;font-size: 1em;}
      ...

      Ce qui est correct.

      Je ne vois pas comment intervenir pour que le texte soit aligné à gauche.

      Quelqu’un qui maîtrise le sujet aurait-il la gentillesse de mettre à jour ce plugin ?

      Meilleurs messages

      FDG

    • Le 11 novembre à 18:18, par Théo En réponse à : Texte agrandi ou pleine page

      Bonjour,
      Avec le « Responsive Web Design », j’ai abandonné ce plugin car il n’était plus utile.

    • Le 11 novembre à 23:27, par François Daniel Giezendanner En réponse à : Texte agrandi ou pleine page

      Le plugin présente en effet moins/pas d’intérêt avec le « Responsive Web Design » sur les écrans touch screen des smartphones et tablettes, par contre il reste très utile pour les écrans-souris des ordinateurs.

      Meilleurs messages

      FDG

    Répondre à ce message

  • Le 4 mars à 14:12, par Tony Gheeraert En réponse à : Texte agrandi ou pleine page

    Bonjour,

    Merci pour ce travail, un plugin simple à installer et à utiliser, qui rend d’excellents services en termes d’accessibilité.

    Un détail : je cherche à augmenter la taille des icônes, qui apparaissent toutes petites, en 16x16, mais je n’ai pas trouvé comment y arriver....

    Si vous avez une idée, je vous en remercie vivement par avance.

    Bien cordialement,

    Tony

    Répondre à ce message

  • Le 16 février 2015 à 20:22, par Théo En réponse à : Texte agrandi ou pleine page

    Bonsoir,

    Pourquoi, lorsque l’on clique sur la petite icône « Texte seulement » on a du texte appuyé à droite au lieu d’être, comme dans les pages Spip, au fer à gauche ?

    Est-ce voulu ? ou bien peut-on intervenir pour avoir ce texte appuyé à gauche ?

    Merci d’avance et bravo pour cet outil bien pratique pour les p’tits yeux ;)

    • Le 22 février 2015 à 17:45, par Théo En réponse à : Texte agrandi ou pleine page

      Oups… du coup j’ai perdu la petite icône « Texte seulement ».

      Comment faire ? je n’avais même pas noté les paramètres par défaut ou paramètres d’origine :(

      Merci d’avance ;)

    Répondre à ce message

  • Le 1er août 2013 à 20:53, par Amire En réponse à : Texte agrandi ou pleine page

    Bonjour,

    J’ai rien compris en local ça marche bien à distant non. j’étais en spip 2 et j’ai fait la mise à jour vers spip3. tout ce que j’ai fait en test en local c’est de positionner les icônes « bouton texte » ; donc ça marche nickel et quand j’ai tout transférer sur le serveur distant rien n’apparaît. j’utilise les squelettes ahuntsic.

    Répondre à ce message

  • Le 30 décembre 2012 à 20:21, par Christian En réponse à : Texte agrandi ou pleine page

    Bonjour,

    En SPIP 3.0.5, j’essaye d’installer le plugin en v2.0.0.
    Le plugin est bien installé et activé, mais rien ne se passe dans les articles. Les boutons demeurent invisibles.
    Faut il ajouter quelque chose au niveau du squelette article ? D’après la documentation non...
    J’utilisais sur un site 1.9.2 une ancienne version de boutontexte sans problème.

    URL du site : www.maximaphiles-francais.org
    Je joins également une copie écran de ce qu’il y a dans la fenêtre de configuration sachant que j’ai fait des essais avec la config par défaut

    JPEG - 51.8 ko
    • Le 22 février 2013 à 10:15, par [id-pop] En réponse à : Texte agrandi ou pleine page

      Salut,

      En fait les boutons n’apparaissent qu’une fois la sélection du texte à traiter est faite.

      Il faut aller dans la config des « boutons texte » : Sélecteur du texte à traiter / Expression CSS ou etendue jQuery

      et sous Zpip (je crois que c’est ton cas), mettre #page ou encore #bloc-central ou autre chose, selon l’endroit souhaité.

      Des petites modifs (padding, margin peuvent être nécessaires pour un affichage correct)

    • Le 24 février 2013 à 16:14, par Christian En réponse à : Texte agrandi ou pleine page

      Merci pour la réponse, mais ça ne fonctionne pas.
      J’ai mis dans « sélecteur de texte à traiter » #contenu et ça ne fonctionne pas.
      J’avais un site (en fait celui-ci) sous spip 1.9.2 et ça marchait à merveille... enfin, ce n’est pas un gadget indispensable...

    Répondre à ce message

  • Le 29 mai 2012 à 11:22, par MBrice En réponse à : Texte agrandi ou pleine page

    Bonjour, le plugin est-il compatible avec spip 3 ? Je ne parviens pas à le faire apparaître parmi mes plugins via l’interface privée. Merci par avance de votre réponse.
    Bien cordialement,
    BM

    • Le 4 juillet 2012 à 20:32, par fd En réponse à : Texte agrandi ou pleine page

      moi je le vois mais il sappelle boutons dans le texte ! (la recherche champs états choisir Tous les états)

    Répondre à ce message

  • Le 30 novembre 2011 à 16:17, par ? En réponse à : Texte agrandi ou pleine page

    Une recherche patiente.

    Lorsque M. Collet va au marché aux puces,il espère toujours dénicher l’objet qui manque a sa collection de plats en faience.Aujourd’hui,il s’attarde devant l’ételege d’un commerçant qu’il connait bien.Il examine des soupières,des assiettes,des saladiers mais il ne trouve pas ce qu’il cherche.Pourtant,il n’est pas trop déçu car il s’est qu’il reviendra la semaine prochaine et il recommencera à fouiller partout.Finalement c’est peut-être ce qu’il lui plaît.

    Répondre à ce message

  • Le 21 octobre 2011 à 11:55, par océ En réponse à : Texte agrandi ou pleine page

    hey !
    perso ça m’affiche bien mes images mais il ne se passe rien quand je clique dessus.. :(
    j’ai bien mis dans « Expression CSS ou etendue jQuery » le nom de ma div contenu les elements de l’article mais rien n’y fait..
    quelqu’un pourrait il m’aider ?
    de mon coté je continue à chercher..

    • Le 21 octobre 2011 à 14:05, par ? En réponse à : Texte agrandi ou pleine page

      en fait si je mets que <div class="contenu2">kkk</div>
      ça marche !
      mais s’il y a d’autre class à l’interieur, notament pour le titre, chapo etc ça ne marche plus...

    Répondre à ce message

  • Le 1er septembre 2011 à 17:29, par tetue En réponse à : Texte agrandi ou pleine page

    J’ai d’un coup un nom qui s’impose pour ce plugin : « typozoom » ou « zoomtext » qui dit mieux de quoi il s’agit que l’actuel « boutonstexte ».

    Répondre à ce message

  • Le 3 décembre 2010 à 12:33, par nathbni En réponse à : Texte agrandi ou pleine page

    Bonjour à tous,
    J’adore ce plugin, et je le conseille désormais à tous mes clients, compte tenu des obligations en terme d’accessibilité aux personnes malvoyantes. Cependant, je suis confrontée à un problème sous Internet Explorer (ben tiens !!!) : en effet, la commande sur le bouton « agrandir » étant illimitée en nombre de clics, on se retrouve vite avec des textes dont les lignes se superposent. Idem avec le bouton « Diminuer », puisqu’on finit par voir disparaitre quasiment le texte tant il est petit.

    Ma question est donc : y a-t-il une possibilité de limiter le nombre de clics sur ces boutons, ou de donner une limite de % d’agrandissement/diminution ou encore de déterminer une taille maxi et mini des polices ?

    Merci d’avance pour vos pistes éventuelles.

    • Le 1er septembre 2011 à 17:03, par tetue En réponse à : Texte agrandi ou pleine page

      Avec ou sans ce plugin, il est recommandé de prévoir les styles de façon à pouvoir zoomer dans la page sans ce genre de souci : ajuste ta taille de police par défaut et ton interlignage.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

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

  • Mailsubscribers

    16 janvier 2013 – 274 commentaires

    Ce plugin permet de gérer les inscriptions (ou abonnements) à la diffusion de contenu par email. Mailsubscribers permet de gérer les inscriptions par Opt-in simple ou double et la désinscription par URL. Ce plugin gère également plusieurs listes (...)

  • noiZetier v2

    9 novembre 2012 – 36 commentaires

    Le noiZetier offre une interface d’administration permettant d’insérer au choix des éléments modulaires de squelettes (noisettes) et de les ajouter ainsi à ses squelettes. Compatibilité La version 2 du noizetier fonctionne sous SPIP 3. Elle est (...)

  • cirr : plugin « rédacteur restreint »

    29 octobre 2010 – 60 commentaires

    Ce plugin « cirr : rédacteur restreint » permet d’affecter des rubriques aux rédacteurs et modifie les droits afin qu’un rédacteur restreint (ou un administrateur restreint) voit dans l’espace privé uniquement les rubriques qui lui sont affectées (et leur (...)

  • Un retour d’expérience d’utilisation de Formidable

    26 octobre – commentaires

    Il s’agissait de créer un formulaire d’inscription à un évènement modérer les inscriptions dans le privé publier les inscriptions dans le public Nous avons discuté de cette présentation lors de l’apéro SPIP du 15 février 2016 à la Cantine (...)

  • Métas +

    3 décembre – 14 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, (...)

Ça spipe par là