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
Spip 1.9.1
Salut,
Je ne comprends pas le fonctionnement de ce plugin. J’ai tout installé mais mais en cliquant sur le texte ou le bouton, rien ne se passe. Quelqu’un pourrait-il me filer un coup de main - site
merci
+
pour l’instant je l’utilise pour les pages articles.
Quelle version de boutonstexte ?
Il cherche par défaut les classes « texte » dans l’id « contenu » (modifiable en affectant boutonstexte.selector depuis js).
Mais puisque tu vois le(s ?) bouton, ça marche pour toi.
Quelle navigateur, spip et système (+versions) utilises-tu ? As-tu des messages d’erreur dans une console javascript ?
j’utilise la toute derniere dernière version (image)
je pense que c’est dû à ma feuille de style perso qui prend le pas. je regarde ça et je reposte si je ne trouve pas !
merci !
Cool ca marche merci ! sauf... pour le bouton texte seul, quand je clique dessus il ne se passe rien. Pour l’instant je l’ai inhibé mais ce serait intéressant de l’avoir. Je n’utilise pas la feuille de style habillage mais ma propre feuille (un peu bordélique en ce moment mais j’y travaille !) A quoi texte seul renvoie ? un squelette ? une css particulière ?
Correct, je n’ai pas encore trouvé d’alternative qui convienne pour « seulement le texte ».
Ce truc fait toute une gesticulation pour ne laisser que le texte concerné visible tout en gardant le reste pour pouvoir rebasculer (et retour).
Il y a notamment des interactions néfastes en combination avec d’autres plugins.
Je pense reconsidérer cet aspect de façon plus saine et définitive prochainement.
Répondre à ce message
Bonjour,
Je viens d’installer le script (via SVN, j’ai récupéré 3 fichiers que j’ai remis avec les autres fichiers de la 0.1.0) sur un SPIP 1.9.1 (avec le plugin jsquery comme vous l’indiquez) et cela ne fonctionne pas.
Je ne vois aucun bouton se rajouter !
Pouvez-vous me donner une piste de recherche pour résoudre le problème ?
Ou ai-je raté qqchose à faire ?
La page d’exemple est ici
C’est la première ligne du menu en haut à droite (en classe « texte »)...
Merci d’avance pour votre aide.
Ah ... en fait , par défaut , boutonstexte cherche les classes « texte » à l’intérieur d’une div d’id « contenu ».
Ca se traduit par la propriété selector de l’objet boutonstexte qui est un sélecteur jQuery, par défaut donc « #contenu .texte »
Tu peux modifier et étendre à toutes classes texte en ajoutant dans ton head, juste avant </head>
<script>boutonstexte.selector = ".texte"</script>
Sinon, de façon générale , comme tout ceci est du javascript ,
important de préciser le navigateur utilisé dans vos questions.
Un grand Merci Toggg !!!
J’ai un peu bidouillé en suivant les directions que tu m’avais données...
Et j’ai réussi à faire exactement ce que je voulais :
- Réduire l’aggrandissement ou la réduction de taille de caractère à ma zone de contenu (en ajoutant
<script>boutonstexte.selector = "#contenu-texte"</script>à la fin du<head>)- Utiliser mes boutons (logos) pour faire agir ton plugin (en mettant un DIV
<div id="contenu">et des classes sur mes boutons<class="textsizedown"><class="textsizeup">)...Super contrib, merci encore
Répondre à ce message
j’ai installé ce plugin sur mon site en développement (sous 1.9.1) et tout marche parfaitement. cependant j’aurai souhaité savoir s’il était possible de « déporter » l’endroit ou s’affiche les boutons de controle du texte car je voudrai centraliser tous les outils de manipulation d’un article (version imprimable, pdf...) dans une boite à outils située sur le côté de l’article.
A priori , pas dans l’état ... en fait les boutons sont associés à chaque élément de classe « texte », il est donc possible d’en avoir plusieurs, sur une page sommaire par exemple.
Toutefois, si tu l’utilise sur une page article où il n’y aura qu’un seul élément « texte », tu peux essayer de fixer la position des boutons par css position:absolute , je ne sais pas si c’est imaginable dans ton layout.
Mais c’est une bonne idée d’alternative , je vais plancher pour qu’on puisse choisir d’avoir des boutons fixes qui géreraient la taille du ou des éléments « texte » présents dans la page. Une idée pourrait être que si on détecte que la page possède déja un élément de la classe « boutonstexte » (celle utilisée pour les span contenant les boutons), alors ne plus insérer les boutons ...
Je regarde et je te préviens dès que ça marche.
Voilà, c’est fait , commit sur zone :
http://trac.rezo.net/trac/spip-zone/changeset/7408
Les .zip et .tgz joints à l’article sont l’ancienne version.
svn ou le snapshot de 17H la nouvelle.
La doc suit ...
Répondre à ce message
Il est où le plugin à télécharger ?
Le lien est dans le corps de l’article, j’ai mis un peu plus de texte que « zip », c’était pas très visible, merci.
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 :
|
