Nouvelle version de l'éditeur visuel

Mots-clés :

Les amoureux du changement ;-) apprécieront cette nouvelle : une nouvelle version majeure de FCKeditor, notre nouvel éditeur, a été rendue publique le 10 octobre 2007. La voici donc en test sur Vie de ViaBloga, avant généralisation sur tous les blogs si tout va bien.

La grande nouveauté, c'est le support des navigateurs Safari 3+ et Opera 9.50+, ce qui ravira sans doute les utilisateurs de Mac. (a ce sujet, Safari est maintenant également disponible pour Windows :-).

D'autres nouveautés de cette nouvelle version correspondent à certaines de vos demandes :

  • Il y a un nouveau bouton Citation
  • Les boutons de retrait n'utilisent plus des citations (blockquotes)
  • Les couleurs, polices, tailles etc. utilisent maintenant un style CSS au lieu de l'antique balise font

J'ai également fait d'autres changements suivant vos souhaits exprimés :
  • les caractères dans la zone d'édition sont plus grands (et donc plus lisibles)
  • taper sur Entrée fait un retour à la ligne, pas un nouveau paragraphe
  • il n'y a plus de balises <p></p> autour de chaque paragraphe
Attention : il faut vider le cache du navigateur puis rafraîchir.


18/10/07 : la nouvelle version de l'éditeur est maintenant activée sur tous les sites. N'oubliez pas de vider le cache et de rafraîchir si vous rencontrez des problèmes

D'autres articles sur des thèmes similaires :

Stephane
Version imprimable | Actualités | Le Mardi 16/10/2007 | 84 commentaires | Lu 1185 fois


Commentaires

tgtg

 

tgtg | Le Mardi 16/10/2007 à 12:05 | [^] | Répondre

OlivierMG
de supers nouvelles !

l'éditeur visuel est bien maintenant utilisable dans omniweb (et donc dans safari 3 beta, iphone, ipod touch, linux kde, et comme les téléphones nokia utilisent aussi safari (webkit), il est peut-être aussi "utilisable" sur les nokia qui sont équipés pour le web).
par contre, je n'utilise pas l'éditeur visuel sur mes blogs, et l'option "ne pas utiliser l'éditeur visuel" du profil utilisateur ne fonctionne plus, l'éditeur s'affichant quand même. Est-il possible de réactiver cette fonctionnalité ?

EDIT : j'espère que ce sera possible, parce que lorsque je passe en code-source, l'éditeur m'ajoute des codes html non présents à l'origine ! ce n'est pas pratique lorsque l'on veut travailler en html.

 

OlivierMG | Le Mardi 16/10/2007 à 12:45 | [^] | Répondre

← Re:

berienligne  Pouvez vous m'aider s'il vous plait. je n'ai plus l'onglet qui me permet de telecharger des doucements et des fichiers audios pour les  inserer dans mes articles. Je suis  deja allé sur mon profile  et essayer d'activer l'etiteur visuel mais ca ne marche pas et du coup je suis coincé depuis quelques jours, je ne peux que telecharger des images seulement. Vous pouvez aller sur mon site et essayer d'ecrire un article vous verrez que impossible de telecharger des documents ou des fichiers audios. je vous attend. Merci d'avance.

 

berienligne | Le Mardi 16/10/2007 à 13:16 | [^] | Répondre

Smileys

J'ai pas tout testé, encore une fois à la bourre, mais je ne peux que féliciter Stéphane pour le travail accompli. Evidemment y a (toujours) quelques trucs pas très clair mais comme partout, hein ?
En revanche y en à d'autres très pratique comme nul part ailleurs et ça c'est la classe :-)

Seulement y a un truc qui me troue le c... c'est les smileys... pourquoi avoir choisi ceux de msn particulierement glands, je trouve (et puis patati patata, msn ça pue, c'est comme ça) , alors que chez yahoo  ils sont choux, ou même il doit bien en exister des libres, sans marques ?

Peux tu m'eclairer sur ce choix Stéphane ? Est il définitif ?



 

Pierre | Le Mardi 16/10/2007 à 13:42 | [^] | Répondre

← Re: Smileys

Stephane Ce sont les smileys par défaut de fckeditor. Je pensais essayer ceux de Tango qui sont libres.

 

Stephane | Le Mardi 16/10/2007 à 13:47 | [^] | Répondre

← Re: Smileys

Fix Les smileys tango, c'est bien ceux ci dont tu parles ?  http://tango.freedesktop.org/Tango_Icon_Gallery ? (moitié inférieure de la page - "Standard Emotion Icons") ?

 

Fix | Le Mardi 16/10/2007 à 14:04 | [^] | Répondre

← Re: Smileys

Ok, le gourou il a dit que le bug n'était que temporaire.
=> je recommence l'incognito :

 

Jo | Le Jeudi 18/10/2007 à 18:11 | [^] | Répondre

Et tu as cassé mes images ?

Excusez-moi, grand gourou/sorcier/stéphane, mais j'ai une question :

pourquoi est-ce que les 2 images que j'ai récupérées sur le serveur hier pour les publier ici : utilisateurs.viabloga.com/news/avoir-trop-d-images-ou-de-fichiers-lourds#comment_21 et là : utilisateurs.viabloga.com/news/avoir-trop-d-images-ou-de-fichiers-lourds#comment_20

Pourquoi est-ce que ces 2 images, donc, ne s'affichoyent plus alors que je les ai vues de mes yeux vues hier soir.
Et maintenant je ne vois plus qu'un carré blanc avec une croix rouge dans l'angle supérieur gauche et je suis triste.
C'est de ta faute ou bien j'ai fait un truc ki fallait pas ?

Question subsidiaire : je suis idiote ou bien il faut un bac+63 pour mettre un titre humain à un lien ?
(sisi, j'ai lu l'article en question et tous les comms et j'ai toujours pas compris... comment ? j'insinue que les essplikassions sont pas klaires ? meunon ! loin de moi cette idée pas... gentille)

 

Jo | Le Mardi 16/10/2007 à 14:04 | [^] | Répondre

← Re: Et tu as cassé mes images ?

Bonj alors je teste...

Et qu'est-ce que j'ai avant même de voir le nouvel éditeur visuel? une fenêtre me disant quelque chose a propos de Blockquote..Bon okay.

alors ouais c'est super qu'on aie plus besoin de faire Maj+Enter pour aller à la ligne, parce qu'avec mes gros doigts boudinés n'était dur, mais dur Bon alors y en a un qui n'aime pas les smileys msn okay  d'autres qui aiment Safari (là j'ai essayé de changer la taille des polices mais je tombe sur une liste de undefined à perpète (okay la gomme marche)

Par contre le "Format" , il y va
et y en a une qui râle parce qu'elle retrouve pas les chewing-gums laissés sous la table ses photos tiens si je mettais une photo (lourde) pour tester?

Une photo d'animaux

Tout le monde aime les bêtes c'est connu

 


Mais de dos, afin de préserver leur anonymat

 

leblase | Le Mardi 16/10/2007 à 19:28 | [^] | Répondre

← Re: Et tu as cassé mes images ?

sourire presque pas narquoisOk, recommençage :
(le but de la manip étant de venior vérifier dans 492 semaines si ces images sont encore là)

Pourquoi ne puis-je donc pas décider de la couleur de la bordure ?
... dommage

Sinon, leblase, je reconnais bien là ta délicatesse : veiller aussi scrupuleusement à respecter l'anonymat de ces respectables honorables pauvres bêtes... c'est touchant.
Pourquoi "lourde" ? elle ne fait que 105 Ko  ?

 

Jo | Le Jeudi 18/10/2007 à 18:33 | [^] | Répondre

← Re: Et tu as cassé mes images ?

Stephane Mmmh, l'adresse des images n'est pas bonne. 

/utilisateurs/images/sourire54.jpg au lieu de /images/sourire54.jpg



Je ne sais pas ce qui s'est passé exactement, j'ai changé un ou deux trucs, j'ai peut etre cassé un bidule temporairement.

 

Stephane | Le Mardi 16/10/2007 à 21:39 | [^] | Répondre

isabelle Petit bug semble-t-il au niveau de l'éditeur d'image sous FF : quand on ajoute une bordure à une image à partir de l'éditeur d'image,

 
   celle-ci apparaît bien quand l'image est générée dans l'éditeur visuel
   mais plus quand on valide l'article ;-(

 
 

 

isabelle | Le Jeudi 18/10/2007 à 11:12 | [^] | Répondre

← Re:

Stephane J'ai corrigé en remplacant les balises border des images par un style CSS.

 

Stephane | Le Jeudi 18/10/2007 à 13:52 | [^] | Répondre

← Re:

isabelle je vois, je vois, t'as voulu t'entraîner au coloriage :-). Le vert c'est automatique parce que c'est un lien, c'est ça ? Par contre j'ai l'impression qu'on n'a plus la possibilité de voir l'image en grand quand on clique dessus.

 

isabelle | Le Jeudi 18/10/2007 à 19:59 | [^] | Répondre

← Re:

Isa,
Ca fait 345 fois que je demande humblement comment je pourrais bien faire pour insérer un lien dont le texte serait intelligible par le commun des mortels et ils me snobent tous...

au secours !!!
help !!!

 

Jo | Le Jeudi 18/10/2007 à 18:42 | [^] | Répondre

← Re:

isabelle ça fait 2 jours que je lis en diagonal pour cause de débordement de travail, mais si tu m'appelles j'accours : tu disais KOUA ? Ton problème, c'est comment insérer un lien ou une histoire de texte lié à ce lien (j'ai pas trop compris de quel texte tu parles, une infobulle ?)

 

isabelle | Le Jeudi 18/10/2007 à 19:27 | [^] | Répondre

← Re:

Je voulais juste faire ça. Insérer un shteuteup.
Je n'avais pas compris qu'il fallait d'abord taper le texte en commundesmortelois puis le sélectionner et insérer le lien.
Dans ma jeunesse, du temps de mes 80 ans, je pouvais insérer un lien à partir de rien et il y avait des cases où je racontais ma vie a posteriori.
Pour l'infobulle, c'est bon, j'ai trouvé facilement.

Merci d'avoir fait l'effort de me répondre malgré ton débordage.

 

Jo | Le Vendredi 19/10/2007 à 18:15 | [^] | Répondre

← Re:

Héhé...
Cherche pas: c'est uniquement et précisément parce qu'ils ont tous trop peur de recevoir une réponse intelligible de ta part.
Ou alors c'est parce qu'il n'y a pas un seul commun des mortels qui s'abonne à viabloga. C'est très élitiste ici tu sais: je parie même que certains sont sur Mac (c'est vrai qu'ils sont assez moches ces smileys, mais c'est juste pour attirer l'attention d'un spécail gourou local).
Au fait, t'as repéré le bouton "citation" que le monsieur a dit qu'il avait réinstallé?

(et puis 345 fois c'est pas suffisant)

 

leblase | Le Jeudi 18/10/2007 à 21:58 | [^] | Répondre

← Re:


Et il fait ça :
Charge à toi de changer éventuellement le format des caractères (italique,...).

Cherche pas: c'est uniquement et précisément parce qu'ils ont tous trop peur de recevoir une réponse intelligible de ta part.
Et arrête de dire que je fais peur, ça fait écho à ma terreur à chaque fois que je me regarde dans le miroir, quand par hasard j'écoute ce que je dis, voire quelques fois quand j'entends ce que je pense... si ça fait pareil sur la blogosphère je me réfugie où ?

Ouais. Les smileys sont pas beaux du tout.
Et le gourou local dont tu parles n'a pas l'air de trainer dans les parages, ce qui est désolant : qui va nous faire des vidéos-modes d'emploi sur ce p... de nouvel éditeur avec une voix douce et compréhensive pour enfin nous faire accepter le changement ?

 

Jo | Le Vendredi 19/10/2007 à 17:42 | [^] | Répondre

← Re:

Et pourquoi le bouton citation ne me montre-t-il pas tout de suite le format que va avoir mon texte ?
On a un problème général de wysiwyg ? ou bien ?

 

Jo | Le Vendredi 19/10/2007 à 17:44 | [^] | Répondre

← Re:

Stephane Parce que celà dépend des modèles, suivant le style qu'ils ont appliqué ou non à la balise de citation.

 

Stephane | Le Vendredi 19/10/2007 à 18:27 | [^] | Répondre

← Re:

Oui mais, au moment où je saisis mon commentaire, on (le dieu moteur de viabloga) sait déjà dans quel modèle je suis. Je ne peux pas en changer en cours de route. Donc il devrait savoir comment le modèle va interpréter mes divagations et devrait pouvoir me les montrer... non ?

Est-ce que ce n'est pas le problème de oyseaulx, caroline et tous les zotrs ?

 

Jo | Le Vendredi 19/10/2007 à 18:41 | [^] | Répondre

← Re:

Stephane Dans un monde parfait, oui, peut-être.

 

Stephane | Le Vendredi 19/10/2007 à 18:45 | [^] | Répondre

← Re:

Et c'est quoi la réponse à ma deuxième question ?

 

Jo | Le Vendredi 19/10/2007 à 19:08 | [^] | Répondre

← Re:

Stephane Non, oui, et pas seulement.

 

Stephane | Le Vendredi 19/10/2007 à 19:11 | [^] | Répondre

← Re:

Merci, Stéphane, je n'en attendais pas moins de ta légendaire limpidité.
Je comprends bien que le monde ne soit pas parfait.
J'essai juste de comprendre où sont les imperfections.
(non seulement ils sont moches mais y en a franchement pas assez, des smileys)

 

Jo | Le Vendredi 19/10/2007 à 20:43 | [^] | Répondre

← Re: EDI

Jo,
Merci pour cette indication.

..."quand j'entends ce que je pense"...
Si tu entends ce que d'autres pensent, j'epsère que tu rougis car tu as été mentionnée avec regret par plusieurs pas plus tard que dans l'actuel billet d'ailleurs.

Tiens ben moi, j'ai pas la barre verticale quand je cite. Dommage, je l'ai remarquée sur un tas de sites VB mais je l'ai po.

EDIT ah ben si je l'ai mais ça se voit pas quand on l'écrit? Seulement après publications?
Encore un de ces mystérieux mystères.

 

leblase | Le Vendredi 19/10/2007 à 18:57 | [^] | Répondre

au secours

oyseaulx IMPOSSIBLE de publier la moindre chose, texte ou image, avec l'actuel éditeur visuel. Il faudrait peut-être envisager de laisser l'ancien en option, car je ne peux pas continuer mon travail.

 

oyseaulx | Le Vendredi 19/10/2007 à 04:16 | [^] | Répondre

au secours (suite)

oyseaulx Avec l'ancien Safari (le nouveau ne peut s'installer sur mon ordinateur actuel et je ne peux pas en acheter d'autre, car j'ai déjà les huissiers ici tous les jours et bientôt ils vont peut-être même embarquer celui-là), je parviens à publier des images et du texte non formaté, mais j'ai ABSOLUMENT besoin de formater les textes que je publie, en raison de la nature sçavante de mon travail.

 

oyseaulx | Le Vendredi 19/10/2007 à 04:26 | [^] | Répondre

← Re: au secours (suite)

OlivierMG firefox est gratuit et fonctionne avec Mac OS X 2, 3, 4, et 5. Il est téléchargeable ici. Il gère très bien le nouvel éditeur visuel et devrait résoudre votre problème.

 

OlivierMG | Le Vendredi 19/10/2007 à 08:46 | [^] | Répondre

← Re: au secours (suite)

oyseaulx Merci pour le lien. Cela marche correctement pour le texte formaté, maintenant, du moins en caractères latins. Faute de temps, nous n'avons pas essayé les caractères arabes, et avons des doutes pour la devanagari. Et, bientôt, nous étendrons nos spéculations à l'éthiopien et à l'araméen.

 

oyseaulx | Le Samedi 20/10/2007 à 00:50 | [^] | Répondre

← Re: au secours (suite)

Stephane

सभी मनुष्यों को गौरव और अधिकारों के मामले में जन्मजात स्वतन्त्रता और समानता प्राप्त है। उन्हें बुद्धि और अन्तरात्मा की देन है और परस्पर उन्हें भाईचारे के भाव से बर्ताव करना चाहिये।

Aucun problème pour le devanagari, je l'avais bien sûr testé avant d'installer la nouvelle version de l'éditeur visuel. ;-)
 

 

Stephane | Le Samedi 20/10/2007 à 11:10 | [^] | Répondre

← Re: au secours (suite)

oyseaulx Je ne vois que des points d'interrogation ; pareil dans l'éditeur, aussi bien quand j'écris directement en sanskrit ou en hindi, que lorsque j'effectue un copier-coller depuis mon éditeur personnel (qui, lui, accepte parfaitement la devanagari). C'était d'ailleurs la même chose dans l'ancien éditeur et j'ai toujours procédé par un format jpg lorsque je publiais en devanagari.

 

oyseaulx | Le Samedi 20/10/2007 à 20:19 | [^] | Répondre

← Re: au secours (suite)

Stephane Ca n'a rien à voir avec l'éditeur en fait : il faut que ton système ait les fontes devanagari etc. installées. Avec Firefox sur XP, je n'ai rien fait de spécial, il a du les télécharger tout seul la première fois qu'il est tombé sur un caractère devanagari.

 

Stephane | Le Dimanche 21/10/2007 à 15:28 | [^] | Répondre

← Re: au secours (suite)

oyseaulx

 
Désolé, je parviens à écrire l'arabe : كتب الطاير etc., mais pas le hindi ; pourtant, les polices semblent installées (devanagari MT et devanagari MTS). Quand j'écris en hindi, cela donne ceci : महाभारत, qui est censé se lire : Mahâbhârata.

 

oyseaulx | Le Dimanche 21/10/2007 à 19:04 | [^] | Répondre

← Re: au secours (suite)

OlivierMG a absolument raison(comme souvent) concernant Firefox, qui de toutes façons est plus efficace que Safari et, je crois plus compatible avec l'univers Windows.
Quant aux huissiers, si l'ordi fait partie de tes outils de travail, il me semble qu'ils ne peuvent te le prendre.
(Si c'est un portable, prévoir une planque sous les lattes du parquet)

 

leblase | Le Vendredi 19/10/2007 à 18:54 | [^] | Répondre

Problème de balisage

Lors qu'on ajoute une balise de mot-clé à la volée, le balisage est mal effectué :

Le mot-clé taggué n'est pas taggué avec l'ajout d'un <a class="wiki"> Le_Mot</a>

Mais par :
</font><a class="wiki"> Le_Mot</a> < font = ...> pour un retour à la police initiale (avec l'ajout d'un espace ce qui nique les règles de typographie élémentaires et rajoute un espace avant la virgule).

Les balises de style du type <i> <strong>, ont le même comportement que le <font ...

C'est assez génant pour moi qui ait plus d'un millier de billets à tagguer comme ça.  

Plus rare et étrange, l'ajout toujours avec les mots-clés de "mot-clés doubles", s'ils contiennent un caractère spécial ( genre !).

<a class="wiki">Mot !</a> devient <a class="wiki">Mot(un code ascii)!</a> ce qui entraîne l'ajout d'un [ajouter] même sur un mot-clé disposant d'un texte lié.

 

labosonic | Le Vendredi 19/10/2007 à 08:13 | [^] | Répondre

← Re: Problème de balisage

Stephane Je pense avoir corrigé le problème de l'espace / &#160;. Je vais regarder pour le 1er problème.

 

Stephane | Le Vendredi 19/10/2007 à 12:46 | [^] | Répondre

← Re: Problème de balisage

Le problème n'est pas corrigé (ce qui accessoirement  empêche de fonstionner correctement mes compteurs, tables dynamiques, etc ...)

 

labosonic | Le Samedi 27/10/2007 à 02:25 | [^] | Répondre

← Re: Problème de balisage

Stephane Je pense l'avoir vraiment corrigé cette fois.

 

Stephane | Le Lundi 10/12/2007 à 16:27 | [^] | Répondre

bouton "insérer un séparateur" inopérant

Caroline Dans Green Park, j'insère un séparateur : il s'affiche parfaitement dans le brouillon mais pfuittt, il disparaît à la publication.

J'en deviens gaga, ça fait trois jours que je cherche comment le faire réapparaître. Tout est OK dans le code source, et le problème ne se pose que dans le modèle Green Park. Donc ça vient d'au-dessus, il y a un truc qui débloque dans le modèle lui-même, là où je ne sais toucher à rien.

(J'ai super besoin des séparateurs pour structurer mon texte dans mon nouveau blog, il faut que ce soit mis en forme pour que chaque article puisse être digéré en 20 secondes.)

Quelqu'un aurait une solution, même de bricolage ?

PS - A l'inverse : dans ce même registre de la mise en forme, je raffole des retraits nouvelle version (retrait pur sans enrichissement graphique). C'est un superbe outil pour aérer la mise en page.
De façon générale, bravo pour toutes les modifs faites pour améliorer la première version de l'éditeur.

 

Caroline | Le Vendredi 19/10/2007 à 16:51 | [^] | Répondre

← Re: bouton

il faut que ce soit mis en forme pour que chaque article puisse être digéré en 20 secondes.

Incontestablement, tu devras passer, un moment ou un autre, par des transclusions.
Si tu veux découvrir, la structure de celles que j'utilise pour que critico-blog (qui doit être très robuste en terme de mise en page), consulte son fil RSS où on peut les voir (http://critico-blog.viabloga.com/cinema_full.xml) et compare avec ce que ça donne graphiquement sur ton navigateur.

Il s'affiche parfaitement dans le brouillon mais pfuittt, il disparaît à la publication.
Est-ce que c'est nouveau et que tu es sûre que tu pouvais le faire avec d'anciennes versions de l'éditeur ? Il me semble que certains thèmes empêchent par défaut l'usage de la balise séparateur.

La solution que je préconiserais :

1. Faire un texte qui s'appellerait Séparateur.
2. Construire un faux séparateur.

En créant une petite image et la placant dans un tableau (avec une image de fond dans le tableau)
-L' image de fond de ton tableau serait une petite fantaisie graphique que tu peux étendre à l'infini : (Comme celle-ci : http://culinotests.fr/images/declic.postinfo.gif) par exemple.
- La petite image serait une fioriture graphique quelconque ( un truc du style puce un peu élégant éventuellement plus adapté à l'horizontale et/ ou adapté au thème de ton blog) (http://utilisateurs.viabloga.com/public_images/icon_square.gif).

3. Le transclure.

Voilà le code d'un petit exemple que j'ai bricolé rapidement avec des images glanées à droite, à gauche. Mais je pense qu'en s'appliquant un peu (en jouant sur la largeur du tableau, l'image de fond et l'image centrale) tu peux avoir des choses assez classes

 

<div align="center">
<table width="80%" cellspacing="1" cellpadding="1" border="0" background="http://culinotests.fr/images/declic.postinfo.gif">
    <tbody>
        <tr>
            <td style="text-align: center;"><img src="http://utilisateurs.viabloga.com/public_images/icon_square.gif" alt="" /></td>
        </tr>
    </tbody>
</table>
</div>

Ou avec d'autres images (un fond de Pitr et une icône de Critico-blog)

 

labosonic | Le Vendredi 19/10/2007 à 17:26 | [^] | Répondre

← Re: bouton

Caroline (Effectivement, c'était peut-être déjà le cas pour l'ancienne version de l'éditeur, je ne me souviens pas avoir essayé mais c'est fort possible.)

Pour la démarche technique, je pige instinctivement ce que tu me dis, mais je ne suis pas forcément capable de l'appliquer en pratique. (Enfin bon quand même, je sens que je progresse. ;-))

Tu sais quoi ? Tu as répondu génialement (au-delà de mes attentes) à ma demande : en fait, ta petite ligne verte, je la trouve trop mignonne, je viens de la tester sur le blog en question et elle est vraiment super pour mettre en valeur mes intertitres, je la trouve encore mieux que le séparateur. J'adorerais l'utiliser dans tous mes articles comme un repère récurrent, elle complète super bien Green Park et mes couleurs de base. Est-ce que tu voudrais bien que je m'en serve ?

(NB. C'est à toi que je parle, Labo, j'ai oublié de le préciser !) Et si j'ose, j'ajouterai un argument ultime :   ;-)

 

Caroline | Le Vendredi 19/10/2007 à 17:52 | [^] | Répondre

← Re: bouton

Pour la démarche technique, je pige instinctivement ce que tu me dis, mais je ne suis pas forcément capable de l'appliquer en pratique.

Ca veut dire qu'il faut un petit tutoriel pour comprendre l'enjeu élémentaire d'une tranclusion et comme ton cas est un magnifique cas d'école, c'est une occasion révée.

Pour le détail de la ligne verte, oui pas de souci, il faudrait peut-être juste bricoler un peu plus pour rendre le tout plus fiable. Pour l'instant la couleur de la ligne est assortie à la couleur de tes culinotests (si tu la change, la ligne dégradée change aussi) - ce qui peut être un avantage ou un inconvénient ...

 

labosonic | Le Vendredi 19/10/2007 à 21:31 | [^] | Répondre

← Re: bouton

Caroline C'est pour un autre blog, ce n'est pas pour les Culinotests. Mais du coup, c'est très important pour moi, donc j'écoute tout ce qui se dit ici.

Les transclusions, je sens bien que c'est important mais je ne sais pas ce que c'est (enfin, pas à 100 %).

Ta ligne verte, je la voudrais vraiment. Elle est super pour moi.

 

Caroline | Le Vendredi 19/10/2007 à 23:02 | [^] | Répondre

← Voici un p'tit tutoriel pour transclusion

Fix Je souhaite que cela te soit utile :-)

transclusion

 

Fix | Le Vendredi 19/10/2007 à 23:13 | [^] | Répondre

← Re: Voici un p'tit tutoriel pour transclusion

Caroline Merci Fix, ton tutoriel m'a permis de constater que je n'avais, hum... strictement rien compris à la transclusion !

Super, c'est un outil formidable. Quand j'en entendais parler avant sur VdeV, ça me cassait les pieds, je me disais que vous pourriez parler ailleurs de vos trucs spécialisés. Alors qu'en fait, je viens de comprendre que c'est comme une baguette magique pour faire des choses géniales sur son blog. Maintenant que j'ai compris, je suis fan.

Tu aurais dû être prof.... Prof de maths allez même, je te jure ! ;-)

Tu pourrais ajouter à ton tuto l'avantage énorme que souligne Labosonic dans son article "Rédiger un tutoriel sur la transclusion" :

L'avantage énorme du système est non seulement le gain de temps lorsqu'on rédige, mais surtout lors de la correction. En effet, c'est le même texte qui est inséré à la fin de chaque billet. Donc, s'il faut le changer (pour corriger une faute d'orthographe, par exemple), il n'y a qu'une modification à faire et elle sera répercutée en cascade sur tous les billets.

Alors qu'avec un copier-coller classique, il faut retrouver tous les billets où est la faute et faire autant de fois la modification qu'il y a de billets.

C'est vrai que ça, quand on a compris que c'est possible, on est franchement emballé !
Merci encore.

 

Caroline | Le Samedi 20/10/2007 à 10:20 | [^] | Répondre

← Re: Voici un p'tit tutoriel pour transclusion

Fix Merci Caroline pour ta suggestion d'amélioration du tuto ! C'est fait.

Hhmmm au fait. Oui, entre autres occupations, j'ai été prof. Un peu. Mais quand j'avais des étudiants de philo, je préférerais leur parler de physique quantique, et inversement. Bref, ça  me faisait un peu beaucoup ch. , je trouvais que les étudiants ne faisaient aucun effort pour sortir de leur cocon concon de conformisme à la con, pour faire preuve de curiosité intellectuelle, de curiosité tout court, d'effort, d'ouverture, de raisonnement, de maturité, etc. Moi qui attendais tant, et en particulier d'apprendre de mes étudiants :-)

 

Fix | Le Samedi 20/10/2007 à 14:59 | [^] | Répondre

← Re: Voici un p'tit tutoriel pour transclusion

Pas mal, le tuto.
Avec moi il a atteint son but : je suis allée faire l'exercice pratique. Parfait.

Sauf que ça n'a pas marché : on ne peut pas transclure un texte contenant déjà des transclusions ou bien j'ai encore fait une kauneurie ?

Question subsidiaire : comment je fais ici pour créer facilement un texte ? (autrement que par la bidouille consistant à créer un brouillon de faux article contenant un mot-clé (ce qui me permet d' "ajouter" le texte du mot-clé en question (sans oublier bien sûr d'aller supprimer mon brouillon devenu inutile)))

 

Jo | Le Samedi 20/10/2007 à 17:59 | [^] | Répondre

← Créer un texte

Fix Jo, il n'y a plus qu'à faire une suggestion :-)   
Du genre : pour créer un texte et ne pas se livrer à d'horribles manoeuvres comme celles que pratique Jo, il faudrait un lien en haut de page "Ajouter texte" de même qu'il existe "Ecrire un article".

Il faudrait en outre proposer une ergonomie cohérente. Pour qu'un appel au texte par mot-clé puisse être effectué en temps voulu. Pour repérer les textes "orphelins".

Peut-être faut-il tout simplement que les utilisateurs ayant le droit d'ajouter et modifier un texte (ce qui est le cas de tous les utilisateurs inscrits sur VdeV) puissent consulter la liste des textes, par ex. en ayant accès partiel au menu Admin (contenus -> textes), qui permet aussi de créer un nouveau texte. Ce serait cohérent. Nota : cette manip (donner accès à des items du menu Admin) est pré-réglée sur les blogs VB comme réservée aux Admin'.

Cohérent, comme dit ci-dessus, mais peut-être perturbant pour l'utilisateur lambda. Qu'en penses tu ?

A propos, petit bug.  Lorsqu'on essaie de créer un texte (par le menu admin) portant le même nom qu'un texte existant, VB ne réagit pas immédiatement. C'est au moment de valider le "nouveau" texte que VB signale "ce texte existe déjà". Le contenu du nouveau texte est ... perdu.

 

Fix | Le Dimanche 21/10/2007 à 02:03 | [^] | Répondre

← Re: Créer un texte

Fix,
Je comprends parfaitement ce que tu dis, "j'adhère totalement à la démarche" (t'as vu, je sais le dire comme ça aussi), mais dans ce cas précis je ne le ferai pas. Ecrire une suggestion. Veux-je dire.
D'abord, parce que ce ne serait que la 164ème et je déteste être noyée dans la masse ne voudrais pas ajouter au noyage de Stéphane.
Ensuite parce que cette fonctionnalité, qui, à vue de nez nécessiterait un développement pas léger léger, ne me serait d'aucune utilité pratique (rappel : Jo a 492 blogs réellement virtuels qui n'existent pas et pour lesquels elle n'a donc besoin de rien) et je crois que dans ce domaine il faut que les gens concernés suggèrent et imaginent leurs vrais usages. Comme vous faites, vous qui avez de vrais blogs.
Enfin parce que faire un copier/coller de ton commentaire dans un article... c'est pas glop cela ne se fait pas. :-)

 

Jo | Le Lundi 22/10/2007 à 11:57 | [^] | Répondre

← Jo glop

Fix Jo, c'est archi-glop que tu pompes sans vergogne mon commentaire, que tu le trousses et modifies comme tu l'entends, et que bien entendu tu fasses un article en "Suggestions". Stéphane n'a pas le temps pour 163 suggestions à la fois. Mais évidemment, s'il ne s'agit de la 164e ... et surtout, de la tienne ... :-)

 

Fix | Le Mercredi 24/10/2007 à 17:22 | [^] | Répondre

← Re: Jo glop

Fix,
Tu n'es qu'un vil flatteur.
Au grand coeur.
Peut-être vais-je finir par me laisser convaincre.

 

Jo | Le Mercredi 24/10/2007 à 18:31 | [^] | Répondre

← Re: Jo glop

Fix Je suis un très vil flatteur, tu es très glop,


... et hop, tu es convaincue !  Just do it.

 

Fix | Le Mercredi 24/10/2007 à 20:11 | [^] | Répondre

← Re: Voici un p'tit tutoriel pour transclusion

Pour la transclusion dans le transclus (transclusé ? transclusationné ?), laisse tomber, j'ai trouvé ça : transclusion de niveau 2, preuve que je n'ai finalement qu'un an de retard sur Labo... peanuts !

 

Jo | Le Samedi 20/10/2007 à 18:34 | [^] | Répondre

← Re: Voici un p'tit tutoriel pour transclusion

A priori, si je me souviens bien, il y a trois limites aux transclusions :

  • On ne peut mettre de transclusion dans une transclusion.
Tu l'as constaté toi-même ...
  • On ne peut pas mette de transclusion dans un texte libre destiné à la mise en page.
A priori, si je me souviens ce qu'avait dit Stéphane c'est parce que le texte libre comme élément de mise en page est une forme de transclusion ...
  • On ne peut pas mettre de mot-clé dans une transclusion.
On peut mettre un mot-clé mais le comportement classique du mot-clé est dégradé. Le mot-clé fait office de lien vers le texte mais il ne fonctionne pas comme un marqueur. Par contre aucun souci sur les commandes d'affichage des mot-clés ...

 

labosonic | Le Samedi 20/10/2007 à 21:41 | [^] | Répondre

← Re: bouton

Je te fais rapidement la recette de cuisine qui te permettra d'arriver à tes fins :

1/ Tu ouvres "http://culinotests.fr/images/declic.postinfo.gif" dans ton navigateur, tu le le sauvegardes sur ton disque dur, le renommes en DesignLigneFond.gif puis tu l'importes sur ton nouveau blog.
2/ Tu ouvres "http://utilisateurs.viabloga.com/public_images/icon_square.gif" dans ton navigateur, tu le le sauvegardes sur ton disque dur, le renommes en DesignLignePuce.gif puis tu l'importes sur ton nouveau blog.

3/ Dans ton nouveau blog, tu crées un texte qui s'appelle Ligne, tu passes en Mode Source et tu copie/colle l'expression suivantes :
<div align="center">
<table width="80%" cellspacing="1" cellpadding="1" border="0" background="/images/DesignLigneFond.gif">
    <tbody>
        <tr>
            <td style="text-align: center;"><img src="/images/DesignLignePuce.gif" alt="" /></td>
        </tr>
    </tbody>
</table>
</div>

4/ Tu valides ton texte et c'est fini.

Maintenant, il ne te reste plus qu'à utiliser ta transclusion à bon escient.
A chaque fois que tu veux insérer un séparateur dans un billet (ou un texte), au lieu d'appuyer sur la touche qui va bien dans l'éditeur tu tapes :
{ {Ligne} } (sans espace)
Et la chaîne de caractère en question { {Ligne} } sera remplacée par la jolie ligne que tu as choisi.

- Si à un moment donné, tu veux changer quelque chose :
Tu peux remplacer la puce du milieu (à condition de conserver un fichier .gif avec fond transparent).
Tu peux remplacer l'image de fond par une autre image de fond.
En jouant sur le 80%, tu peux modifier la longueur de ta ligne, la diminuer ou l'augmenter, pour l'instant, c'est 80 % de la largeur de ton billet quelque soit la taille de celui-ci - ça régle au passage les soucis éventuellement liés à la résolution de l'écran de tes lecteurs.

Et bien sur tous tes billets contenant la ligne s'actualisent en fonction pour que ta mise en page soit harmonieuse.

 

labosonic | Le Samedi 20/10/2007 à 00:22 | [^] | Répondre

← Re: bouton

Caroline Merci Labo, de te donner la peine de faire tout cela. Tu me rends un immense service. Ce matin, je suis une personne comblée. :-)

 

Caroline | Le Samedi 20/10/2007 à 10:22 | [^] | Répondre

petit soucis de largeur

isabelle La largeur de l'éditeur est plus importante que la largeur de la colonne articles. Il y a donc une différence entre ce qu'on met en page dans l'éditeur et le rendu. Pour les mises en page un peu particulière avec des images par exemple, on obtient rarement ce qu'on désirait au premier jet (vu qu'on ne voit pas ce que ça va donner après validation). Je trouve personnellement que cet agrandissement du cadre apporte plus d'inconvénient que d'avantage, surtout que la touche pleine page permet à ceux qui le désirent de travailler en grande largeur. Qu'en dites-vous ?

 

isabelle | Le Mercredi 24/10/2007 à 13:54 | [^] | Répondre

J'ai également fait d'autres changements suivant vos souhaits exprimés :
  • les caractères dans la zone d'édition sont plus grands (et donc plus lisibles)
    •  
Je n'ai pas vu où ce souhait a été exprimé, peut-être qu'il existe des arguments que j'ignore, mais je crois que cette différence de taille de caractères entre l'éditeur et le texte/article/commentaire une fois publié est assez gênante.
Le plus pénible étant que lorsque l'on combine des images et du texte, il est impossible d'anticiper sur le résultat final. (d'autant plus handicapant sur les blogs où les commentaires ne sont pas modifiables)

 

Jo | Le Samedi 27/10/2007 à 17:11 | [^] | Répondre

← Re:

Stephane C'est un commentaire que j'ai reçu par e-mail.

Il n'y a jamais eu de correspondance de taille de caractères entre l'éditeur et le texte/article/commentaire : l'éditeur est toujours le même, alors que ces tailles sont différentes suivant les modèles. L'éditeur n'a pas non plus la même largeur. L'anticipation est une utopie : la mise en page résultante dépend de la résolution de l'écran de l'utilisateur, de ses paramètres de navigateur etc.

 

Stephane | Le Samedi 27/10/2007 à 18:54 | [^] | Répondre

← Re:

Il me semblait que précédemment, quand je sélectionnais un tahoma/10 points dans l'éditeur, j'avais un tahoma/10 points dans mon commentaire. Compte non tenu des différentes largeurs des textes/articles/commentaires une fois affichés.
Mais peut-être était-ce le hasard de mes différents écrans et des modèles des blogs sur lesquels j'intervenais.
Peut-être est-ce une question d'habitude. Peut-être.

 

Jo | Le Samedi 27/10/2007 à 19:49 | [^] | Répondre

← Re:

Stephane C'est toujours le cas. La seule chose qui a changé, c'est la taille par défaut. Si tu spécifies une taille, c'est bien sûr cette taille qui est utilisée, à la fois dans l'éditeur et dans le commentaire.

 

Stephane | Le Samedi 27/10/2007 à 19:58 | [^] | Répondre

← Re:

Tu veux dire que je peux afficher le source et décider de la taille, caractère par caractère ?
Mais comment j'explique ça aux commentateurstrices qui n'en ont rien à faire du bouton "source" ?

 

Jo | Le Samedi 27/10/2007 à 20:08 | [^] | Répondre

← Re:

Stephane Je parle du bouton "Taille", pas du bouton "Source".

 

Stephane | Le Samedi 27/10/2007 à 21:29 | [^] | Répondre

← Re:

Euh...
je n'ai pas sous la main de quoi faire des copies d'écran. Je vais donc le tenter in french :

dans mon éditeur à moi, la zone "taille" est une liste déroulante qui contient des valeurs telles que x-small, medium, xx-large, ..., et smaller ou larger. Elle ne permet pas de saisir une taille de caractère en chiffres. Je ne vois donc pas comment saisir une taille spécifique (genre 10) autrement qu'en modifiant le code source.
Quand je l'affiche, il contient d'ailleurs au départ les mêmes valeurs (small, smaller,...) qui, je suppose, sont interprétées au moment de l'affichage en fonction du modèle.

Comprenons nous bien.
Je ne suis pas en train de chercher la petite bête.
J'ai l'impression que quelque chose m'échappe et, d'après certains échanges lus ici et là, pas qu'à moi.

 

Jo | Le Dimanche 28/10/2007 à 20:09 | [^] | Répondre

← Re:

Stephane Les tailles spécifiques, c'est pas bien. Les tailles relatives, c'est beaucoup mieux. Plus de détails ici.

 

Stephane | Le Dimanche 28/10/2007 à 20:20 | [^] | Répondre

← Re:

Caroline Tu parles bien de ça, Stéphane ?

En em : c'est une autre façon d'indiquer de manière relative la taille du texte. Un peu délicat à comprendre, je vous l'accorde, mais une fois qu'on a un peu testé ça vient tout seul, et on se rend compte que c'est une méthode vraiment pratique.
On doit indiquer la taille du texte par rapport à la taille normale de la police. Je m'explique : "1em" signifie "Taille normale". Si vous mettez un nombre supérieur (généralement un nombre décimal) comme "1.3em", le texte aura une taille 1,3 fois plus grande. De même pour réduire : "0.8em" et votre texte aura une taille 0,8 fois plus petite.
C'est personnellement la méthode que j'utilise le plus souvent pour indiquer la taille du texte (la plupart de mes font-size sont donc en "em").
Parce que ça, ça me plairait vraiment, je trouve ça génial : c'est tout simple !

En ce moment, comme les collègues de chez VB, je patauge un peu dans les nouvelles tailles. On finit par s'y retrouver, ça oui pas de souci, mais je ne vois pas bien le gain par rapport à avant : on doit s'adapter pour garder à peu près ses marques, mais je ne trouve pas bien ce qu'on a gagné. Alors que le truc "en em" qu'explique le mec que tu nous as donné à lire, c'est vraiment très très bien, très confortable. Pour moi, ce serait même le système parfait.

 

Caroline | Le Mercredi 31/10/2007 à 19:57 | [^] | Répondre

← Re:

Stephane Je parlais du paragraphe juste avant (mais bon, c'est exactement le même principe que les em) :

  • En donnant une valeur relative : c'est-à-dire en écrivant carrément "gros", "très gros", "petit", "minuscule". Mais bien sûr, comme tout c'est en anglais :p. Voici la liste des différentes valeurs que vous pouvez mettre ainsi que leur signification :
    • xx-small : minuscule
    • x-small : très petit
    • small : petit
    • medium : moyen
    • large : grand
    • x-large : très grand
    • xx-large : euh... gigantesque
     
    La taille du texte n'est peut-être pas exactement identique selon le navigateur... mais ce n'est pas bien grave, car dans tous les cas "xx-small" correspond à un texte très petit, et "xx-large" à un texte très grand. Et c'est tout ce qu'on a besoin de savoir

    Je vous encourage à utiliser cette méthode pour indiquer la taille du texte plutôt que d'utiliser des pixels. Votre site sera ainsi bien plus "adaptable" aux différentes configurations de vos visiteurs.

 

Stephane | Le Mercredi 31/10/2007 à 21:18 | [^] | Répondre

← Re:

Caroline OK, il suffit de s'y faire. Pas compliqué, en fait.
Maintenant, j'y vois effectivement un intérêt (mais avant d'avoir compris, je trouve que c'est difficile d'être fan, au début je ne l'étais pas.).
Pour moi, là, c'est OK : intégré et approuvé.
Merci pour ta patience. ;-)

 

Caroline | Le Mercredi 31/10/2007 à 22:20 | [^] | Répondre

← Re: Faux problèmes et donc mauvaises solutions

Pour moi, il n'y a pas de meilleure solution parce que le problème est mal posé.

Les tailles relatives ou absolues (parce que globalement c'est un problème aussi bête comme chou que ça) sont complémentaires et il ne faudrait ni privilégier l'un, ni imposer l'autre (tout comme on a actuellement des modèles à largeur fixe avec des marges variables qui permettent à chaque lecteur quelle que soit sa configuration machine d'avoir une lisibilité optimale) et d'autres avec une largeur variable qui n'offrent un vrai rendu qu'à partir d'une certaine résolution d'écran (c'est ce que dit Caroline là d'ailleurs). Le problème des tailles de caractères est du même ordre.

En gros : la revendication de Jo est légitime et la réponse de Stéphane est loin d'être idiote.

Sauf qu'aucune des solutions n'est réellement meilleure que l'autre.

J'abonde tout à fait avec Jo quand elle dit que c'est quand même un peu la moindre des choses que, quand on utilise un éditeur de texte, on s'attend plus ou moins à avoir quand on l'utilise un aperçu final de ce qu'on aura une fois la validation effectuée. C'est le principe du Wysiwyg et à mon avis, c'est un pré-requis que d'avoir un outil où on peut faire des trucs super-compliqués avec des tags, des balises et machins si on veut en appuyant sur Source et un truc tout simple avec une prévisualisation instantanée sinon. Pour l'instant, ce n'est pas le cas.
Et on peut trouver tous les meilleurs arguments du monde, ce n'est pas à mon avis satisfaisant dans certains cas (notamment pour des blogs aux commentaires graphiquement foisonnants et fantastiquement fantasques comme chez Leblase).
Parallèlement le lien que donne Stéphane est clair, concis, plein de bonnes raisons pour préférer fonctionner avec des tailles relatives sauf qu'il est intitulé :"Formatage du texte en CSS" et que c'est peut-être pour ça que ça ne va pas : parce qu'on s'attend plutôt à utiliser un éditeur qui ne fait que l'HTML et pas du CSS pour certaines actions, au moins pour déposer un commentaire.

C'est donc là que le bât blesse, non, si la solution Taille relative est acceptable pour un blogueur averti (qui en vaut deux, d'où l'importance de documenter), la solution taille absolue conviendrait mieux au commentateur ?

D'un côté, il y a un besoin exprimé clairement qui a entraîné une évolution technique majeure : changer l'éditeur (puisque c'était nécessaire) en y ajoutant la possibilité de définir des styles (tant qu'à faire, ça faisait partie des exigences). et de l'autre un effet indésirable perçu : Le système n'est plus Wysiwyg.

Pour moi ça génère deux choses importantes :

Dans l'immédiat, ce serait bien de régler ce souci parce que l'effet indésirable perçu est d'autant plus important qu'il touche tout le monde (et surtout les commentateurs de nos blogs qui, absolument pas éclairés par le débat tenu ici, j'imagine qu'ils n'auront jamais envie d'ouvrir un blog chez Viabloga s'ils perçoivent ce défaut dans l'éditeur de texte).

Hélas, ça ne doit pas se faire en claquant des doigts et ce serait idiot de demander à Stéphane de détricoter ce qu'il a tricoté auparavant. Mais peut-être y-a-t-il un moyen détourné de régler ça, en s'arrageant, par exemple, pour que les fonctionnalités de prévisualisation de l'éditeur correspondent pile à celle des commentaires ?

Question au grand-gourou : Est-ce que cette éventualité est possible ?
Je pense qu'on va bientôt devoir uniformiser les thèmes publics pour les mettre en conformité avec le nouveau système des blocs standards. Y-aurait-il pas moyen à cet instant là de tri