[spip-dev] Barre de raccourcis de mise en page

Dev
1

Salut,

Je viens d'uploader un systÚme de barre permettant d'accéder rapidement aux raccourcis typographiques. Ca n'est pas le javascript de Hozey, je suis reparti de la source (phpBB).

- Cette barre ne s'affiche pas au dessus de tous les champs, uniquement le champ de texte des articles, brÚves, forums. Y compris les forums publics. Inutile de multiplier les champs où ça apparaît: faut pas trop pousser les gens à "enrichir" les chapos, post-scriptum, etc. En plus, ça bouffe de la place ces cochonneries.

- Cette barre ne s'affiche que sur certains butineurs: MSIE>=5 (mais pas sur Mac) et Mozilla>=1.3. Sorti de ça, ça déconne sec, alors j'affiche rien. Faudra faire des tests... (désolé pour MacOs 9, faudra demander à Mozilla de compiler des versions MacOS 9 des derniÚres versions - je le crois pas, ça, aprÚs la 1.2, y'a plus rien pour nos vieux clous).

- J'ai choisi de n'afficher que les raccourcis les plus utilisés et évidents (bon, j'ai fait des icones qui valent ce qu'elles valent, c'est pas forcément la joie):
     * Gras
     * Italique
     * Intertitre
     * Note de bas de page (là , on sélectionne le texte et ça ajoute simplement les crochets; la solution qui consiste à demander de saisir le texte de la brÚve dans un prompt est pas utilisable: les notes de bas de page peuvent être longues, et ont souvent leurs propres enrichissements typographiques (italique pour les titres de bouquins par exemple, liens hypertextes)
     * Lien hypertexte (pas de différence entre interne et externe, vu que c'est le même fonctionnement)

- J'ai aussi ajouté quelques trucs spécifiques:
     * Quand on édite un message de forum, il y a un bouton supplémentaire, pour créer un _nouveau raccourci_: <quote></quote>, au comportement similaire à celui de phpBB; ça permet de bien mettre en valeur un extrait d'un autre message. Feuille de style: .spip_quote

     * Quand on est en français, j'ai ajouté des touches pour insérer des caractÚres trÚs courants en français mais hyper-chiants à trouver sur les claviers PC: les guillemets français, l'E-dans-l'O, le A accentué et le E accentué. Sinon, y'a aussi le symbole de l'Euro (toutes langues). Si nécessaire, on peut ajouter des sélections de caractÚres pénibles pour d'autres langues (je sais pas, moi, en volapuk, y'a peut-être des trucs étonnants).

- Pas de raccourci pour Glossaire (marginal), ni pour les tableaux (peu utilisés dans la compo courante). Au fait, l'aide en ligne consacrée aux raccourcis, c'est n'importe quoi, un chat n'y retrouverait pas ses petits; sans doute décomposer en deux parties: les raccourcis simples, et les raccourcis pour ceux qui n'en veulent. Il y manque d'ailleurs un raccourci trÚs utilisé dans la doc de SPIP: <cadre></cadre>, d'usage similaire à <code></code>: ça créée un pavé de formulaire drÎlement pratique pour faire des copier-coller de code; sur certains brouteurs, ça permet même de reproduire nickel les indentations et de ne pas revenir à la ligne (en revanche, bicoz le formulaire, c'est inutilisable en forum).

- J'ai sans doute fait une connerie pour l'appel des vignettes depuis les forums publics: ça va chercher dans /ecrire/img_pack. Si la protection par .htaccess de /ecrire existe encore, faudra prévoir un déménagement de ces vignettes.

ARNO*

2

Bien vu !

Une barre graphique de raccourcis typographiques permettra une
utilisation optimale en s'ouvrant à un public plus large et en réduisant
le temps d'apprentissage nécessaire à la rédaction d'article.
Je relie cette évolution au récent débat sur les balises propriétaires
de Spip pour les titres (h3, h4, etc.) : balises html ou balises "multi
accolades" ?
A mon sens, l'intégration d'une barre graphique devrait permettre de
distinguer deux catégories de rédacteurs : ceux ayant des connaissances
de base en html et les autres. Pour les premiers, inutile de réinventer
la roue : des balises s'inspirant de celles de html seraient plus
logiques et plus facilement mémorisables (je pense notamment aux
nouveaux utilisateurs de Spip). Pour les seconds, ce débat est déplacé
puisqu'ils utiliseront les fameux boutons typographiques éprouvés par
phpBB.

A vous lire.

Olivier.

-----Message d'origine-----

3

ARNO* wrote:

Salut,

Je viens d'uploader un système de barre permettant d'accéder
rapidement aux raccourcis typographiques.

C'est où ?
Pas trouvé sur spip_contrib.

4

Salut,

Je viens d'uploader un système de barre permettant d'accéder rapidement aux
raccourcis typographiques. Ca n'est pas le javascript de Hozey, je suis
reparti de la source (phpBB).

- Cette barre ne s'affiche que sur certains butineurs: MSIE>=5 (mais pas
sur Mac) et Mozilla>=1.3. Sorti de ça, ça déconne sec, alors j'affiche

IE5/Mac est censé mieux tout supporter que IE/Windows, donc ça m'étonne un
peu... Peut-être activé le mode "mozilla" pour les IE/Mac marcherait ?
(je sais pas comment est codé effectivement le schmil)

rien. Faudra faire des tests... (désolé pour MacOs 9, faudra demander à
Mozilla de compiler des versions MacOS 9 des dernières versions - je le
crois pas, ça, après la 1.2, y'a plus rien pour nos vieux clous).

car il n'y avait personne pour maintenir le port, si je me rappelle
bien...

     * Quand on est en français, j'ai ajouté des touches pour insérer des
caractères très courants en français mais hyper-chiants à trouver sur les
claviers PC: les guillemets français, l'E-dans-l'O, le A accentué et le E
accentué. Sinon, y'a aussi le symbole de l'Euro (toutes langues). Si

C'est chiant à trouver pour les Windowsiens, c'est vrai... Ceci dit c'est
bien, ça manque les guillemets français sur le web... :slight_smile:

raccourcis pour ceux qui n'en veulent. Il y manque d'ailleurs un raccourci
très utilisé dans la doc de SPIP: <cadre></cadre>, d'usage similaire à
<code></code>: ça créée un pavé de formulaire drôlement pratique pour faire
des copier-coller de code; sur certains brouteurs, ça permet même de
reproduire nickel les indentations et de ne pas revenir à la ligne (en
revanche, bicoz le formulaire, c'est inutilisable en forum).

Si on lui met pas de champ NAME, serait-il utilisable en forum ?

5

c'est pas sur spip_contrib mais sur le CVS
http://rezo.net/spip-cvs/ecrire/?cvsroot=SPIP .... il y a diférrents
fichiers modifiés tres recemment (cf age des modifs)

Nicolas RIQUOIS
http://www.pucroller.com

6

On Fri, 22 Aug 2003 10:09:25 +0200 (CEST), Julien WAJSBERG

Si on lui met pas de champ NAME, serait-il utilisable en forum ?

Ah, ça fait sauter les ordinateurs du W3C?
Je ne vois pas trop comment me passer du champ name, puisqu'ensuite le javascript a besoin d'intervenir sur le machin intitulé "document.formulaire.texte". Même chose que les rollovers des logos. Mais si y'a moyen de faire autrement, je suis preneur.

(Tiens, j'ai pas lu les machins sur la nouvelle gestion des formulaire promulguée par le W3C; je sens qu'on va encore voir du pays.)

ARNO*

7

Nicolas RIQUOIS wrote:

le 22/08/03 9:54, Jacques PYRAT à spip@mission-isolement.gouv.fr a
écrit :

ARNO* wrote:

Salut,
Je viens d'uploader un système de barre permettant d'accéder
rapidement aux raccourcis typographiques.

C'est où ?
Pas trouvé sur spip_contrib.

c'est pas sur spip_contrib mais sur le CVS
http://rezo.net/spip-cvs/ecrire/?cvsroot=SPIP .... il y a diférrents
fichiers modifiés tres recemment (cf age des modifs)

Merci !

8

bah je parlais du cadre <cadre></cadre> moi, pas du formulaire pour éditer
des articles/breves/forums. Ca cadre sert uniquement à pouvoir, par
exemple, copier coller facilement du code, non ? Ou j'ai pas tout
compris...

Tiens pendant que j'y pense, on écrit pas 'chapeau' mais 'chapô' :
http://www.explorian.com/fra/write/class/prepare/prepare2b.asp

(c'est d'ailleurs bien orthographié pour le champ de la table :slight_smile:

9

bah je parlais du cadre <cadre></cadre> moi, pas du formulaire pour éditer
des articles/breves/forums. Ca cadre sert uniquement à pouvoir, par
exemple, copier coller facilement du code, non ? Ou j'ai pas tout
compris...

C'est bien cela. Il apparaissent par exemple assez copieusement là :
http://www.uzine.net/article1267.html
ou, grâce à la largeur de l'écran, plus clairement dans la version imprimable:
http://www.uzine.net/imprimersans.php3?id_article=1267

Comme tu le fais remarquer, cela facilite énormément le copier-coller: il suffit cliquer à l'intérieur du code, de faire "tout sélectionner" (alt-A), et on récupÚre le texte complet du seul code en conservant même les indentations. Je trouve que c'est un énorme avantage sur <code></code> pour une utilisation en ligne.

Je vais essayer de me pencher sur la question, parce qu'effectivement ça serait trÚs pratique en forum.

Tiens pendant que j'y pense, on écrit pas 'chapeau' mais 'chapÎ' :
http://www.explorian.com/fra/write/class/prepare/prepare2b.asp

(c'est d'ailleurs bien orthographié pour le champ de la table :slight_smile:

Mon Robert dit le contraire, ainsi que le Grand dictionnaire terminologique de l'Office québécois de la langue française. L'orthographe "chapÎ" (que j'ai déjà croisée) accentue l'aspect "jargon professionnel" du terme, qu'il ne me semble pas utile d'imposer aux utilisateurs. (Déjà qu'on s'astreint à éviter autant que possible le jargon informatique, par exemple, on n'"édite" pas un article, on le "modifie"...)

Amicalement,
ARNO*

10

> bah je parlais du cadre <cadre></cadre> moi, pas du formulaire pour
> éditer
> des articles/breves/forums. Ca cadre sert uniquement à pouvoir, par
> exemple, copier coller facilement du code, non ? Ou j'ai pas tout
> compris...

C'est bien cela. Il apparaissent par exemple assez copieusement là:
[uZine 3] Première version du squelette des articles
ou, grâce à la largeur de l'écran, plus clairement dans la version
imprimable:
http://www.uzine.net/imprimersans.php3?id_article=1267

Comme tu le fais remarquer, cela facilite énormément le copier-coller: il
suffit cliquer à l'intérieur du code, de faire "tout sélectionner" (alt-A),
et on récupère le texte complet du seul code en conservant même les
indentations. Je trouve que c'est un énorme avantage sur <code></code> pour
une utilisation en ligne.

Je vais essayer de me pencher sur la question, parce qu'effectivement ça
serait très pratique en forum.

Okay, je viens de regarder le code généré sur ces pages. Spip n'utilise
déjà pas de NAME d'ailleurs :slight_smile: Il me semble qu'un contrôle de formulaire
n'est pas envoyé lorsqu'il n'a pas cet attribut.

Peut-être n'est il pas nécessaire de mettre le textarea entre balises
FORM ? Je ne sais pas si c'est standard ceci dit..

> Tiens pendant que j'y pense, on écrit pas 'chapeau' mais 'chapô' :
> http://www.explorian.com/fra/write/class/prepare/prepare2b.asp
>
> (c'est d'ailleurs bien orthographié pour le champ de la table :slight_smile:

Mon Robert dit le contraire, ainsi que le Grand dictionnaire terminologique
de l'Office québécois de la langue française. L'orthographe "chapô" (que
j'ai déjà croisée) accentue l'aspect "jargon professionnel" du terme, qu'il
ne me semble pas utile d'imposer aux utilisateurs.

Okay, mea culpa alors :wink:

11

Salut,

Heu, pardon mais je ne sais pas très bien où on va avec ce genre
de fonctionnalité. A chaque fois que je tombe sur ce genre de
"barre" de mise en page, l'ergonomie est atterrante et je préfère
taper les raccourcis moi-même (après tout, le [b]gras[/b] de
phpBB n'est pas beaucoup plus compliqué que le {{gras}} de SPIP).

Sérieusement, j'appuie sur gras et ça affiche... une paire
d'accolades ? Ca ne marchera pas tant que les formulaires HTML
ne seront pas WYSIWYG. La barre a la couleur du WYSIWYG, l'odeur
du WYSIWYG mais quand on veut l'utiliser ça part en couille.
Sous Word & co, les gens sont habitués à appuyer sur gras pour
enclancher le gras, taper le texte puis réappuyer sur gras pour
revenir en mode normal. Là, nib, ça marche pas. Ca perturbe
plus que ça n'aide. Je veux bien comprendre que c'est là pour
faciliter l'apprentissage des raccourcis, mais l'aide en ligne
sert à ça normalement (et s'il faut la remanier, remanions-la).

Je suis d'accord avec toi quand tu dis que c'est une "cochonnerie"
encombrante. Si je n'ai pas répondu sérieusement à Daniel, c'est
que je pensais que cette fonctionnalité n'avait aucune chance de
se retrouver dans SPIP :wink: Ce n'est pas parce quelques personnes
la réclament bruyamment qu'on doit l'intégrer...

Amicalement

Antoine.

12

Bonjour!

Utilisant la barre de raccourcis de Nicolas Hoizey sur mes sites Spip,
j'aimerais poser mon appui pour l'inclusion d'une barre de raccourcis - peu
importe sa qualité ergonomique réelle.

J'ai pu observer qu'elle rassurait considérablement mes clients en leur
offrant une façon " intuitive " de formater leurs textes ou simplement de
leur rappeler les raccourcis, particulièrement pour les tâches plus
complexes comme l'ajout de liens ou de tables. Donc, je pétitionne aussi les
grands manitous de SPIP pour l'ajout d'une fonction " Table " dans la barre
en développement. Je dois dire que j'utilise cette parfois moi-même lorsque
je dois formater un grand nombre d'intertitres un même article - ou pour
faire des tableaux! :wink:

Suggestion : puisqu'elle deviendrait réellement intégrée au système,
serait-il possible de la rendre optionnelle, à l'image des couleurs de fond
ou de l'interface simple/complète? Cela pourrait permettre à ceux qui la
considèrerait inutile de récupérer l'espace d'affichage.

Cordialement,

Thierry Gagnon
http://thierrygagnon.com/

13

en complément, limite hors sujet (jm'excuse) :
- est ce qu'il y aurait moyen, en standard ou option, d'augmenter la hauteur
de la zone de saisie "texte" des articles; des 17" il y la place sur l'écran
et cela rendrais nettement plus lisible la saisie des textes longs

Nicolas RIQUOIS
http://www.pucroller.com

14

Salut,

Sur, en gros, l'ensemble des critiques qu'on peut faire à ce type de barre, je suis d'accord. En ajoutant le recours à du javascript qui pose, toujours, des problÚmes.

Mais il y a tout de même des avantages:

- cela rassure énormément les débutants; c'est trÚs important: beaucoup de gens abordent un machin comme SPIP avec énormément de méfiance (dans les associations, c'est assez effarant, certaines personnes sont à la limite de l'agressivité avec le type -- le neuneu qui fait de l'ordinateur, là , celui-là il ferait mieux de se trouver une copine plutÎt que de nous enquiquiner avec ses machines :slight_smile: -- et la plupart arrivent avec la tête de quelqu'un qu'on mÚne à l'abattoir au motif qu'on vient de leur dire qu'ils allaient participer à la construction du site Web). Et avec ça, la richesse fonctionnelle de SPIP commence à assez sérieusement effrayer les grand débutants.

Ah, je viens de lire le mail de Thierry, je vois que c'est aussi ce point qu'il met en avant: la présence d'une barre rassure immédiatement les débutants. Ne serait-ce que le cÎté: "ça se voit qu'on a pensé à nous".

- les autres systÚmes de gestion de sites et de forums (phpBB évidemment) intÚgrent de plus en plus leurs propres raccourcis typographiques. Donc difficulté pour l'utilisateur occasionnel, l'utilisateur de plusieurs systÚmes, et plus généralement pour ceux qui participent à des forums sur plusieurs sites. La présence des boutons est une aide pratique.

- cas particulier des forums publics: personne n'est censé a priori y connaître les raccourcis SPIP (qui ne sont pas signalés, et il n'y a pas de lien vers la doc en ligne). Du coup, recours fréquent au HTML. C'est pas plus mal d'introduire, via la barre, la présence de raccourcis spécifiques à SPIP.

- détail: utilisant désormais un PC pour une bonne partie de mes déambulations sur le Web (et la mise à jour de sites), je suis effaré chaque jour un peu plus par la déplorable merde que sont les claviers de PC. J'ai ajouté un machin qui ajoute certaines touches de caractÚres français au clavier (genre le É en faisant altgr-W!), mais ça reste trÚs pénible. Les altgr-4, 5, °, + constituent un combat permanent aux limites de la crise de nerfs :slight_smile: Du coup, les boutons supplémentaires pour avoir des caractÚres français introuvables (en plus d'éviter la saisie des altgr- 4,5... pénibles) sur la plupart des claviers me semble une trouvaille pas inutile (sauf erreur, c'est même l'une des raisons du comportement de Word qui remplace systématiquement les guillemets anglais par des guillemets français).

- justement, je viens d'uploader (CVS) une version remaniée de la doc en ligne sur les raccourcis, découpée en deux parties (mais sur la même page). Ca commence avec les basiques, ensuite seulement ça introduit les trucs plus spécifiques. J'ai une difficulté avec <cadre></cadre> parce que le texte est htmlisé en amont.

M'enfin bref, donc, autant je suis d'accord sur tous les inconvénients, autant je pense que les avantages sont loin d'être négligeables. Avec le fait que, malgré l'incohérence primordiale de faire du faux Wysiwyg, comme cette méthode se répand largement sur plein d'autres systÚmes, hé ben finalement ça ne choque pas tellement les utilisateurs.

Amicalement,
A*

15

On a déjà agrandi l'espace d'affichage. On arrive aux limites. C'est déjà une fenêtre avec son propre menu déroulant à l'intérieur d'une grande fenêtre avec son propre menu déroulant. Plus cetet "petite" fenêtre est haute, et plus on a la situation où le bas du champ apparaît en dehors (sous) la grande fenêtre. Ce qui provoque déjà des chose pas terribles (mauvaise barre de défilement, déplacement de l'ensemble de la "grande" fenêtre quand on utilise la molette à l'intérieur de la "petite" fenêtre).

De toute façon, je n'irais conseiller à personne de rédiger des textes longs directement dans une interface Web. Y'a pas de correction orthographique, y'a pas de raccourci-clavier (alt-S) pour sauvegarder à tout moment sans se tromper, les niveaux d'annulation sont ultra-limités selon les butineurs (quand on a perdu tout son texte à cause d'un copier- coller raté, on commence à se méfier)... franchement, c'est suicidaire. :slight_smile:

A*

16

Je viens d'uploader un système de barre permettant d'accéder rapidement aux
raccourcis typographiques.

Beurk ! On fait comment pour la désactiver, individuellement ou globalement ?

- J'ai sans doute fait une connerie pour l'appel des vignettes depuis les
forums publics: ça va chercher dans /ecrire/img_pack. Si la protection par
.htaccess de /ecrire existe encore, faudra prévoir un déménagement de ces
vignettes.

Oui, ça peut exister encore longtemps ; par ailleurs, même si on le
désactive dans SPIP, certains voudront protéger ecrire/ avec une double clé
(.htaccess basique + auth SPIP). De plus il peut y avoir tout un jeu de
redirections bizarres qui font que tu ne veux pas appeler, sous aucun
prétexte, un fichier image de ecrire/... depuis l'espace public.

Sur, en gros, l'ensemble des critiques qu'on peut faire à ce type de barre,
je suis d'accord. En ajoutant le recours à du javascript qui pose,
toujours, des problèmes.

oui, d'autant qu'on a une éthique :wink:

Mais il y a tout de même des avantages:

pas convaincants !

- cela rassure énormément les débutants; c'est très important: beaucoup de

a mon avis ça les effraie : encore une barre de boutons !..

-- Fil

17

Antoine à antoine@rezo.net a écrit:

Je suis d'accord avec toi quand tu dis que c'est une "cochonnerie"
encombrante.

Je ne suis aussi radical qu'Antoine, j'espère toujours... mais pour
l'essentiel, j'abonde dans le même sens.

1. Je n'ai pas encore rencontré un seul CMS ou système de "blogue" qui ait
implanté ça correctement, qui génère du code "propre" et qui est compatible
avec tous les navigateurs et plateforme en usage. (Et j'en ai bien installé
deux bonnes douzaines).

2. À ma connaissance, c'est le quatrième tentative pour SPIP. Aucune ne
fonctionne de façon satisfaisante (je les ai toutes essayé).

3. En attendant, le système de raccourcis de SPIP, tel qu'il existe
présentement, (à la condition qu'on ne lui ajoute pas une autre
demi-douzaine d'imbrications d'accolades) est simple et facile à mémoriser
pour tout rédacteur moyen. Et surtout, le texte reste facilement lisible
pour tout éditeur ou correcteur.

4. KISS (Keep It Simple and Stupid).

5. Et si on tient à l'inmplanter dans le noyau de SPIP, qu'on puisse au
moins avoir l'option de le désactiver.

André Vincent

18

Fil a écrit :

Je viens d'uploader un système de barre permettant d'accéder rapidement aux
raccourcis typographiques.

Beurk ! On fait comment pour la désactiver, individuellement ou globalement ?

En le mettant d'office dans l'interface simplifiée et pas dans l'interface complète (puisque l'interface simplifiée est pour les débutants :-p

Autre solution : un bouton : "Désactiver", mais peut-être plus difficile à mettre en place :wink:

[...]

- cela rassure énormément les débutants; c'est très important: beaucoup de

a mon avis ça les effraie : encore une barre de boutons !..

Ben non, pas forcément !
Moi, les barres de boutons me servent à faire rapidement les trucs que je ne sais pas faire au clavier (et je n'ai pas toujours le temps de me plonger au fin fond d'une doc... D'autant qu'elle ne sont pas toujours très bien faites et que perdre 2 heures pour chercher un truc...). Une fois que je sais faire (et là, c'est facile - même si pas très "propre" - de toute manière pleins d'autres logiciels font comme ça aussi), je n'utilise plus le bouton dans la barre d'outil et même, si je peux je le vire :smiley:

Pas sûr que tout le monde fasse comme ça, mais cela peut avoir quand même son utilité, je crois. Le top, ce serait un choix entre plusieurs barres d'outils : raccourcis basiques (gras, italique...), raccourcis typos (e dans l'o, \, guillemets français...). Bien sûr, il faudrait n'en activer qu'une...

Bon, c'est une idée comme ça hein, parce que, sous linux, j'ai toujours pas trouvé comment faire les guillemets français :frowning:

Claude

19

Pas sûr que tout le monde fasse comme ça, mais cela peut avoir quand
même son utilité, je crois. Le top, ce serait un choix entre plusieurs
barres d'outils : raccourcis basiques (gras, italique...), raccourcis
typos (e dans l'o, \, guillemets français...). Bien sûr, il faudrait
n'en activer qu'une...

Pas bête.

Bon, c'est une idée comme ça hein, parce que, sous linux, j'ai toujours
pas trouvé comment faire les guillemets français :frowning:

AltGr+Z («) et AltGr+X (»). Dix fois plus simple que sous Windows
(Alt+0171 et Alt+0187 respectivement).

20

Antoine a écrit :
[...]

Bon, c'est une idée comme ça hein, parce que, sous linux, j'ai toujours pas trouvé comment faire les guillemets français :frowning:

AltGr+Z («) et AltGr+X (»). Dix fois plus simple que sous Windows
(Alt+0171 et Alt+0187 respectivement).

Arffff :frowning: Depuis le temps que je cherchais... Et, si j'en crois certaines listes de diffusion (et les réponses), je suis loin d'être le seul ;p

En tout cas, un grand merci :smiley:

Claude