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 |
- Texte traduit (fr, de, it au 24/12), si affecté doit être en séquences Array javascript
- Mis à blanc comme
boutonstexte.txtXXX = "";
: inhibe le bouton correspondant
Extensions
Ce plugin se marie très bien avec Crayons
Essayez l’édition pleine page :)
Discussions par date d’activité
54 discussions
Testé en Spip 4.2.0,
RAS, tout fonctionne
Compatible 4.2
Avec PHP 8.0
Répondre à ce message
Bonjour,
De mon côté avec un spip 3.2, les boutons n’apparaissent pas mais je suis sur un squelette personnalisé. Est-ce qu’il y a une balise à insérer pour les appeler ?
Merci d’avance pour votre retour.
Cordialement
Répondre à ce message
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 ?
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 :
J’ai regardé le fichier boutonstexte.css, on y trouve l’instruction :
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
Bonjour,
Avec le « Responsive Web Design », j’ai abandonné ce plugin car il n’était plus utile.
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
Il y a, dans le fichier boutonstexte_pipelines.php, en ligne 22 :
"<style type='text/css'>div.onlytext {text-align:$dir;}</style>"
la variable $dir étant définie en ligne 16, on peut inverser right et left ou supprimer le style (je ne crois pas que la variable $dir soit utilisée ailleurs).
Merci Olivier,
En effet, en inversant right et left à la ligne 16 on obtient :
$dir = (isset($GLOBALS['lang_dir']) and $GLOBALS['lang_dir'] == 'ltr') ? 'right' : 'left';
Maintenant le texte est correctement aligné à gauche.
Quelqu’un pourrait-il corriger le plugin en conséquence ?
Cordialement
FDG
Répondre à ce message
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
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 ;)
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
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
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
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)
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
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
moi je le vois mais il sappelle boutons dans le texte ! (la recherche champs états choisir Tous les états)
Répondre à ce message
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
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..
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
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
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.
Suivre les commentaires : |