Texte agrandi ou pleine page

Le plugin boutonstexte

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 pour spip 1.9.0 à 2.1.x boutonstexte des snapshots de la zone ou le zip pour spip 3.0.0 à 3.2.x 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 :)

Discussion

54 discussions

  • 1

    Salut toggg et merci pour ce plugin qui facilite la vie des codeurs de squelettes ...

    J’utilise donc ce plugin sur nombre de mes sites SPIP et je me suis permis de lui ajouter une fonctionnalité (je sais c’est mal !) : un système d’enregistrement de la taille voulue en cookie pour que chaque nouvelle page charge le texte avec la taille préférée par l’utilisateur.

    Je ne mets pas mon code ici car c’est un peu long, mais je le transmet avec plaisir (mon contact est dans l’espace privé).

    Piero

    Répondre à ce message

  • 2

    Bonjour,

    j’ai un problème récurent : sous SPIP 2.xx avec plugins/auto bouton texte s’installe systématiquement au mauvais endroit : :
    le fichier http://files.spip.org/spip-zone/boutonstexte.zip a été décompacté et installé dans le répertoire ../lib/plugins/

    donc je suis obligée de le déplacer dans /plugins/auto manuellement

    dd

    • bonjour ;

      Je suis sous spip 2.0.10 avc Sarka-Spip 3.0.1 ..

      Les icones apparaissent mais sans effet après un clic !!

      de l’aide svp

    • Bonjour Youness,

      Sous Sarka-SPIP3, dans l’espace privé :

      Configuration
      Configurer Sarka-SPIP
      Plugins
      Plugin Boutons dans le Texte
      Configurer le plugin avec les valeurs nécessaires à Sarka-SPIP

      C’est tout !

    Répondre à ce message

  • Je n’arrive pas à faire fonctionner ce plugin sur un spip 2.0.9 avec squelette ’Morning after’. J’ai essayé de le configurer avec ’CFG’ mais rien n’y fait et je ne vois où se situe le problème et l’astuce correspondante. Si quelqu’un passe par ici, son aide est la bienvenue.

    Répondre à ce message

  • Pour Lo...

    Salut,

    Désolé de la tardive mais j’ai été confronté au même problème que toi, à savoir multiflex et bouton texte. Petite bidouille 5minutes et j’ai trouvé.

    Tu dois dans la configuration de bouton texte dans le dernier onglet « selecteur de texte à traiter » mettre la classe de multiflex qui est

    .main-content

    et voilà ca fonctionne ;-)

    @++

    Répondre à ce message

  • huumm sur sur IE (6 notament) ça déconne
    sur FF c’est parfait

    Répondre à ce message

  • Bonjour,
    Je suis sous SPIP 2.0.6 et j’utilise le squelette Multiflex 3.
    Je n’arrive pas à faire apparaitre les boutons de ce plugin dans la partie publique du site.
    Ces deux plugins sont-ils compatibles ?

    Merci

    Répondre à ce message

  • apparemment, pour que ce plugin fonctionne, il ne faut pas oublier d’insérer la balise « #INSERT_HEAD ».
    Le plugin « couteau suisse » permet de l’activer automatiquement.

    Répondre à ce message

  • 1

    Bonjour,

    Je suis sous la spip 2.0.3.

    Les icônes du plugin n’apparaissent pas sur le site, j’ai essayé de regler dans cfg ou directement dans la source des squelettes mais rien n’y fait....

    Quand j’édite le code source on trouve bien bien ce qui faut je pense, voir ci-dessus :

    <script src="plugins/boutonstexte/boutonstexte.js" type="text/javascript"></script>
    
    <script type="text/javascript">
    	var boutonstexte = new boutonsTexte({
    		'selector':'#contenu .texte #colgau .grande_boite .big_boite',
    		'imgPath':'plugins/boutonstexte/images',
    		'txtOnly':'Texte seulement',
    		'txtBackSpip':'Retour \u00e0 la page compl\u00e8te',
    		'txtSizeUp':'Augmenter police',
    		'txtSizeDown':'Diminuer police'
    	});
    </script >

    Merci de vos lumières..

    Répondre à ce message

  • Bonjour,

    je viens d’installer ce plugin sur une version spip 1.9.2.d sur un squelette erasme, bien que donné comme compatible sur la page de ce squelette. Point de boutons visibles dans les articles et brèves.

    Ni connaissant rien en php, je me tourne vers vous pour apprendre à corriger cela.

    d’avance merci

    — 
    xavier

    Répondre à ce message

  • Michel

    j’utilise le squelette Beespip, du coup, l’installation du bouton texte n’a pas marché tout de suite, il a fallu mettre le <script type="text/javascript">boutonstexte.selector=".texte";</script>

    dans le header. Malheureusement à chaque fois qu’il voit du texte il duplique les boutons texte... alors j’ai dû mettre

    <li><img src="squelettes/images/fontsizeup.png" alt="fontsizeup" class="textsizeup" /></li>
    <li><img src="squelettes/images/fontsizedown.png" alt="fontsizedown" class="textsizedown" /></li>

    comme indiqué dans les topics ci-dessous... malheureusement le troisième bouton reste. J’y suis presque arrivé !!

    Voir ici : infosimmo, Guide de l’emprunteur

    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