SPIP-Contrib

SPIP-Contrib

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

273 Plugins, 191 contribs sur SPIP-Zone, 124 visiteurs en ce moment

Accueil du site > 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 – 107 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

28 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 :)

Retour en haut de la page

Vos commentaires

  • 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

  • Le 23 août 2011 à 13:45, par apintofbeer En réponse à : Texte agrandi ou pleine page

    bonjour à tous
    Savez vous comment exclure l’application de ce plugin pour une rubrique ?
    Je ne veux pas que les boutons apparaissent dans l’une des rubriques de mon site.

    Merci beaucoup pour votre réponse

    Répondre à ce message

  • Le 22 juillet 2011 à 15:59, par apintofbeer En réponse à : Texte agrandi ou pleine page

    Bonjour
    Après avoir un peu galéré avec ce plugin (il ne m’agrandissait que les sous-titres !) j’ai trouvé d’ou venait le probleme.
    Dans le fichier style.css à la première ligne la taille était exprimé en px et pour que cela marche j’ai remplacé ma taille en px par la taille en « em » et ça fonctionne !!
    Il y a que les puces sous forme de gif qui ne se redimensionne pas.
    si quelqu’un a une idée ???

    Répondre à ce message

  • Le 12 avril 2011 à 18:36, par mbourlier En réponse à : Texte agrandi ou pleine page

    Bonjour,
    Je suis sous SPIP 2.1.8, Sarka 3.0.4 et je viens d’installer ce plugin. Impécable ! Génial, même !
    Installation sans aucun problème. Merci à titre posthume - si j’ai bien compris - à Toggg !
    Cordialement
    M. BOURLIER

    Si vous voulez voir http://www.michel-bourlier.fr/accueil

    Répondre à ce message

  • Le 8 décembre 2010 à 19:46, par sbernard En réponse à : Texte agrandi ou pleine page

    Bonjour, j’ai installé ce plugin pour rendre plus accessible mon site.
    Les boutons s’affichent dans le bandeau (pour l’instant le rendu n’est pas top car bouton noir sur bandeau noir, à revoir ...), au survol de la souris il y a bien « augmenter police » et « diminuer police ».

    Par contre aucun effet quand je clic, pas d’augmentation de la police.

    Que faire ???

    Merci de votre soutien

    Sébastien

    Site : http://ptsimarseille.free.fr/spip/

    SPIP 2.1.2 [16017]
    Squelette Sarka 3.0.4

    Plugin :
    * Acces Restreint 3.0.2
    * Boutons dans le Texte 0.3.3
    * cfg : moteur de configuration 1.15.2
    * CKEditor pour SPIP 0.9.196
    * Formulaire de contact avancé 0.62
    * SPIP Bonux 2.2.10
    * Thickbox v2 0.3
    * Zen-Garden 1.1.1

    • Le 8 décembre 2010 à 21:47, par Fil En réponse à : Texte agrandi ou pleine page

      Je suis allé sur ton site et les caractères du texte s’agrandissent bien quand je clique.

    • Le 9 décembre 2010 à 08:34, par sbernard En réponse à : Texte agrandi ou pleine page

      Bonjour, oui j’ai trouvé peu après avoir posté ici (mais après avoir cherché longtemps...).

      Il fallait dans

      Expression CSS ou etendue jQuery

      mettre :

      #wrapper

      ai lieu de :

      #contenu .texte

      Je voulais vérifier mes tests avant de poster que c’était résolu.

      Sébastien

    Répondre à ce message

  • Le 10 septembre 2010 à 15:43, par Z. En réponse à : Texte agrandi ou pleine page

    Bonjour,

    y-a-t-il une configuration particulière à faire pour faire apparaitre les boutons sur un site en SPIP 2.1.2, un squelette ZPIP et les plugins suivant :
    14 plugins activés.

    *
    Bandeau 2.1
    1.1.4 - stable
    Revisitons la barre de nav de SPIP
    *
    Boutons dans le Texte
    0.3.3 - stable
    Rajoute des boutons pour l’affichage des textes comme (...)
    Configuration boutonstexte
    *
    cfg : moteur de configuration
    1.15.2 - stable
    Ce plugin permet de gérer très simplement des interfaces de (...)
    *
    Corbeille
    0.7 - stable
    Gestion des documents mis à la corbeille
    *
    Enluminures typographiques pour SPIP 2 & Porte plume
    3.1.3 - en test
    Rajoute des raccourcis typographiques et des boutons à au porte (...)
    Configuration bte
    *
    Le Couteau Suisse
    1.8.21.03 - stable
    Réunit en un seul plugin une liste de petites fonctionnalités (...)
    [Désinstaller]
    *
    Menus
    0.8.2 - en test
    Créez enfin vos menus dans la partie privée !
    [Désinstaller]
    *
    Nuage
    1.5.1 - en test
    Version plugin avec modèles et filtres de la contrib nuage de (...)
    *
    Sélection d’articles
    1.2 - stable
    Le plugin Sélection d’articles permet de créer des sélections (...)
    [Désinstaller]
    *
    SLOGAN
    2.0.2 - stable
    Ajouter balise #SLOGAN_SITE_SPIP Ce plugin vous permet d’ajouter (...)
    *
    SPIP Bonux
    2.2.7 - stable
    Le plugin qui lave plus SPIP que SPIP, avec des chouettes cadeaux (...)
    *
    Squelettes Z pour SPIP (Zpip)
    1.7.9 - stable
    Système de squelette
    *
    Thickbox v2
    0.3 - en test
    Ajoute un effet thickbox sur les liens de type image (*
    Zen-Garden
    1.1.1 - en test
    Un jardin Zen pour Zpip

    Les boutons n’apparaissent pas sur ma page...

    • Le 1er octobre 2010 à 20:34, par Regis92 En réponse à : Texte agrandi ou pleine page

      Même problème sur spip 2.1.2 ... sans squelette spécial !

      Les boutons n’apparaissent pas :-(

    Répondre à ce message

  • Le 20 juillet 2010 à 17:59, par yolbi En réponse à : Texte agrandi ou pleine page

    Bonjour,
    J’ai essayé ce plug in en local, cela marche nickel et sans rien faire. Incroyable. Hélas, quand je le mets sur mon site en fonctionnement, les boutons sont doublés. Normalement tout est identique. Je ne comprends pas cette différence. J’ai désactivé tous les plugins mais cela ne change rien.
    Je suis en spip 2.1 et eva 4.1
    http://missiontice.ac-besancon.fr/languesvivantes
    Merci de votre aide.

    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

  • Thélia

    26 juin 2007 – 838 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Une approche basée sur l’utilisation conjointe des deux logiciels SPIP et Thélia pour la réalisation de sites de publication et de vente en ligne

  • MediaBox

    10 mai 2010 – 178 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Aperçu La MediaBox est une Boîte multimédia polyvalente et personnalisable. Le plugin est basé sur la librairie moderne ColorBox, qui a été enrichie et adaptée pour SPIP. Par défaut, mediabox propose 5 habillages. Il est assez facile d’en créer de (...)

  • Navigation AJAX

    31 janvier – 10 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin permet de modifier automatiquement une parties des liens internes de manière à ce qu’ils ne déclenchent pas un chargement complet de la page cible, mais un chargement en AJAX de certains éléments spécifiés à l’avance. Il permet aussi de (...)

  • Squelettes IENSP-X version Pleine Page pour SPIP 2.1

    8 décembre 2008 – 11 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Version 3.2 pour SPIP 2.1

  • Balise #CAPTCHA

    12 juillet 2007 – 24 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Cette nouvelle balise oblige à rentrer un code avant d’avoir accès aux forums publics des articles.