Retour à la page principale

Joueb.com est une communauté de construction de jouebs
(joueb = journal web, traduction de weblog et blog).

En quelques clics et gratuitement, vous pouvez vous inscrire pour participer aux jouebs et si vous le souhaitez créer votre joueb.

Page principale - Créer un blog - Perdu ? Lisez la documentation et visitez le joueb d'aide.
Imaginons un meilleur editeur visuel sémantique

Une bonne facon de trouver comment ameliorer un service, c'est de demander aux personnes qui ne l'utilisent pas pourquoi elles ne l'utilisent pas. Ainsi, la lecture des raisons qui retiennent certaines personnes d'ouvrir un joueb sur Joueb.com sur le jouebwiki de be-rewt est tres instructive. On peut y lire par exemple :

  • L'éditeur visuel génère du code qui me donne envie de hurler (Adulte Chiant) -- be-rewt
    • faut hurler des fois, ça fait du bien. -- Mouche
    • je l'ai désactivé, j'en avais marre de hurler. -- Castor

Quoi !? Mon bel editeur visuel si pratique et dont je me sers tous les jours, désactivé !

Je suis un grand defenseur des editeurs visuels, car ils rendent la structuration et la mise en page des textes accessibles au plus grand nombre, pas seulements aux geeks qui tapent de l'xhtml ou de la syntaxe wiki les yeux fermes. Je pense que cet objectif est atteint et que la plupart des personnes normales utilisent l'editeur visuel (je me trompe peut-etre). Mais j'aimerais bien convaincre les geeks aussi.

Et si on essayait de l'ameliorer cet editeur visuel ? La plupart du code genere est genere directement par le navigateur, donc je ne pourrais pas forcement tout changer. Par contre, je peux essayer de transformer le code une fois qu'il est valide. Par exemple, passer les balises en minuscules pour que cela ressemble plus a de l'xhtml, eventuellement remplacer les <FONT...>...</FONT> par des <span style="...">...</span> etc.

Pour cela, j'ai besoin de vous et de vos reponses a ces questions :

  • Utilisez vous l'editeur visuel ?
  • Si oui, lequel ? (est ce que la case correspondant a la nouvelle version beta de l'editeur visuel dans le menu admin section site est cochee ?)
  • Si non, pourquoi pas ?
  • Quel est votre systeme d'exploitation et votre navigateur et sa version ?
  • Quels changements sont a votre avis necessaires ?
  • Si certains des changements concernent le code genere, merci d'indiquer quel est le code genere actuellement, et quel code vous prefereriez.

Je commence :

J'utilise l'editeur visuel - version normale - tous les jours, avec Internet Explorer 6 sous Windows Me et Windows 2000.

J'aimerais pouvoir specifier le texte d'une infobulle qui s'afficherait lorsque quelqu'un passe la souris sur un lien. Ca demande un peu de boulot car pour l'instant c'est completement gere par le navigateur, mais ca doit etre jouable. Il faut juste que je revise un peu mon Javascript.

A vous !

Ecrit par Biz, le Samedi 4 Octobre 2003, 20:56 dans la rubrique "Nouvelles".

Commentaires :

Addy
Addy
04-10-03 à 21:29

Alors, mwa, ze suis une fervente admiratrice de cet éditeur visuel de feu ! Lol !!!!!
J'ai vite fait utiliser l'autre version 'béta-bidule' mais on ne pouvait pas changer la police, alors j'ai repris 'l'autre'...
Donc, je l'utilise tous les jours, même si j'ai quelques bases d'HTML, je le trouve bien plus pratique... Avec internet Explorer v6 et Windows XP !
J'ai bien réponduuuu ???? ;)

 
tgtg
tgtg
04-10-03 à 21:47

Re: je

n'utilise pas l'éditeur.

je suis contente de pouvoir apprendre et de faire des recherches quant à la présentation et l'amélioration de la présentation de mes billets d'humeur et de mes articles... recherches que je ne ferais peut-être pas si j'avais l'utilisation de l'éditeur!

:-)

 
H-I
H-I
04-10-03 à 21:58

Je n'utilise pas l'éditeur visuel. Pout une raison que j'ai déjà évoquée (je ne sais plus où): Il me rajoute un paragraphe vide au début de mon article. Je n'ose même pas imaginer la tête de mon fil RSS après ;)

Ma config: Mozilla 1.4 sous Windows ME / Windows 98SE Editeur beta non coché

IE 5.5 sous Windows ME IE 6 sous Windows 98SE éditeur visuel activé (je m'en suis rendu compte hier), mais je ne m'en sers jamais.

J'ai remarqué que quand j'édite (avec Mozilla) du code généré par l'éditeur visuel de IE, et que je fais peu de changement, chaque fin de ligne est transofrmée en
. Du coup, c'est peut-être de là que vient mon problème... Alors que je coche toujours HTML lors de l'édition. Pas Texte. C'est par là qu'il faut creuser...

 
H-I
H-I
04-10-03 à 21:59

Erratum

Je voulais dire que chaque fin de ligne était transformée en <br> (ça doit être paske j'ai laissé "HTML" coché ;)

 
Biz
Biz
05-10-03 à 01:43

Re:

Le coup du paragraphe vide, ca doit etre corrigeable : apres la validation, je peux enlever les paragraphes vides qui sont avant le texte. Est ce que tu peux me donner le code exact qui est genere ? <p></p> ou il y a des &nbsp; ou je ne sais pas quoi dedans ?

 
H-I
H-I
05-10-03 à 08:29

Re: Re:

Bon, je voulais vérifier en désactivant l'éditeur visuel, mais ça n'a pas suffit: le code n'apparaissait pas! Très fort (si, les <br> étaient présents à la fin des lignes)...

J'ai donc regardé le code source de la page de l'article, et là: oh! un <br> avant mon premier paragraphe!

Voilà: tu sais ce qui se passe (mais pour que ça se manifeste, il m'a fallu taper plus d'un paragraphe).

 
Biz
Biz
06-10-03 à 04:45

Re: Re: Re:

OK. Je pense avoir corrige ce probleme. En passant j'ai aussi mis a jour l'editeur avec une version plus recente (mais toujours beta). Ca corrige quelques problemes avec les pop-ups, et il y a une fonction de previsualisation d'image.

En faisant des essais, je me suis apercu qu'avec Mozilla, le nouvel editeur etait plus sympa qu'avec Internet Explorer : par exemple on peut ajouter des lignes et des colonnes ou les supprimer dans les tableaux.

Autre chose : le code genere par la nouvelle version me semble meilleur.


 
vrykolaka
vrykolaka
04-10-03 à 22:27

À mon tour

Je n'utilise pas l'éditeur visuel. Je suis sous Mac OS X 10.3 "Panther", je visite et écrit presque quotidiennement et mon navigateur est Safari 1.1

Je suis webmestre et je code mon XHTML 1.1 à la main en UTF-8. Je n'aime pas que le formattage du code (retour à la ligne, tabulations...) concurrence les éléments

. Surtout pour les

et les listes à puces, ainsi que le preformattage qui prend une place folle, plus qu'il ne devrait.

 
vrykolaka
vrykolaka
04-10-03 à 22:30

Re: À mon tour

Tiens, qu'est-ce que je vous disais ! On ne sais jamais si ce qu'on écrit est interprété ou pas. Bon le terme qui n'apparait pas, c'était blockquote (bloc de citation)

 
Biz
Biz
05-10-03 à 01:45

Re: À mon tour

Est ce que tu as essaye l'editeur visuel ? Je ne sais pas si tu parles en general, ou si tu parles specifiquement de l'editeur visuel qui est sur Joueb.com.

Si c'est bien de l'editeur visuel dont tu parles, peux tu me donner des details specifiques ? Quel est le probleme exactement avec les <blockquote> par exemple ?


 
vrykolaka
vrykolaka
05-10-03 à 06:05

Re: Re: À mon tour

Est ce que tu as essaye l'editeur visuel ? Je ne sais pas situ parles en general, ou si tu parles specifiquement del'editeur visuel qui est sur Joueb.com.

Je ne sais plus où vérifier si j'ai ou non l'éditeur visuel activé mais la boite d'édition que j'ai est très sommaire (un formulaire HTML), donc je ne pense pas que j'utilise l'éditeur visuel.

En fait, sans l'avoir vu, je rapprooche ton éditeur visuel des boîtes d'édition des forum PHPbb, avec des boutons "mise en gras", "italique", "couleurs" et je sais que je n'en veux pas.

Pour les blockquote, il faut remonter à ce message :

"'aime pas que le formattage du code (retour à la ligne, tabulations...)concurrence les éléments

. Surtout pour les
et les listes à puces, ainsi que le preformattage qui prend une place folle, plus qu'ilne devrait. "

Après "surtout pour les" j'ai rentré <blockquote> et du coup, ben il a exécuté ledit blockquote : indentation du texte suivant. Mais j'étais parti sur une idée de WYSIWIG en oubliant que certains tags sont supportés. C'est le flou entre l'interprété qui ne devrait pas l'être en HTML (les retours à la ligne) et l'interprété qui ne devrait pas l'être en WYSIWYG/traitement de texte (blockquote) qui me gêne, donc je préfère garder mes vieilles habitudes.


J'espère que t'avoir livré mon sentiment t'aide à savoir pourquoi je ne l'utilise pas.

 
Biz
Biz
05-10-03 à 07:02

Re: Re: Re: À mon tour

En fait, sans l'avoir vu, je rapproche ton éditeur visuel des boîtes d'édition des forum PHPbb, avec des boutons "mise en gras", "italique", "couleurs" et je sais que je n'en veux pas.

Arf. Juger sans meme essayer, c'est pas une super idee. Pour activer l'editeur visuel sur Mac, il faut que tu ailles modifier ton profil (en cliquant sur ton pseudo), et cocher la case : Utiliser la version beta du nouvel editeur visuel (marche avec les versions recentes de Mozilla, Firebird et Galeon - tous systemes).

Oui, il y a des boutons pour mettre en gras. Mais il y a surtout des boutons pour faire des listes, des citations (devine comment j'ai mis mon blockquote autour de ton texte ci-dessus) etc.

C'est le flou entre l'interprété qui ne devrait pas l'être en HTML (les retours à la ligne) et l'interprété qui ne devrait pas l'être en WYSIWYG/traitement de texte (blockquote) qui me gêne, donc je préfère garder mes vieilles habitudes.

Justement, avec l'editeur visuel, il n'y a aucun flou : soit tu es en mode visuel, et tout ce que tu tapes n'est pas interprete, soit tu passes en mode HTML (tu peux repasser de l'un a l'autre a n'importe quel moment en un clic), et tout est interprete. Sans l'editeur visuel, je suis oblige d'interpreter certains trucs, comme les retours a la ligne par exemple.


 
vrykolaka
vrykolaka
05-10-03 à 07:49

Re: Re: Re: Re: À mon tour

Bon, alors, résumons
• L'éditeur visuel "basique" n'apparait pas dans Mozilla Mac (ou j'ai pollioté, tout à fait possible"
• L'éditeur visuel "beta" marche bien. Enfin, trop bien, 'explique plus bas un autre raison pour ne pas utiliser l'éditeur visuel (enfin, deux autres raisons, texte email et sortir du style wysiwyg)
test fff

• Safari 1.1 est identifié comme "Mozilla < 1.3". L'éditeur ne marche pas (c'est pas un reproche, juste un observation.

• Je vais continuer à ne pas utiliser l'éditeur visuel : • tradition de l'email-texte : pas de code lourd (profil ) • tendance naturelle au bloat avec du WYSIWIYG (exemple : des qui se succèdent. Ce n'est pas quelque chose que l'on peut te reprocher, c'est intrinsèque au système : quand on ne voit pas les rouages, on ne voit pas les doublons (exemple, tape un texte en rouge, désactive le rouge, ne tapes rien et remet le rouge, puis tapes : tu auras du span deux fois alors que visuellement tout est OK Problème intrinsèque de la différence d'évaluatio informatique (code) et utilisateur (oeil). Suis-je clair ? • difficulté à sortir du style courant en mode WYSIWYG. Ceci n'est pas spécifique à l'éditeur visuel, c'est vrai de tous les systèmes WYSIWYG que je connais. Explication : j'ai testé du texte en fond rouge puis j'ai voulu continué mon texte en normal pour me rendre compte que j'étais toujours ne rouge, donc nécessité de désactivé le rouge... Beaucoup plus simple (à mon sens) quand tu vois un span. Hop, tu mets le curseur à droite et vàla, on n'en parle plus. (j'ai du passer en mode HTML pour pouvoir remettre du texte noir. D'accord, peut-être que je ne suis pas doué. À noter que je n'ai pas réussi après à me remettre en mode WYSIWYG, le toggle ne marchant pas)

Voyons plus large que ces exemples:

• Il est impossible de convertir tout le monde à l'éditeur visuel (hey, depuis 50 ans que l'informatique existe, si ça pouvait se faire, il n'y aurait plus de EMACS, de ! ou de machin qui travaille en texte pur). • Chacun a ses avantages et ses incovénients (le mode texte demande un changement d'habitude par rapport à ce qu'on voit dans la rue ou qu'on apprend à l'école ; pour le mode WYSIWYG, j'ai mis des exemples au-dessus) • Une meilleure idée est d'implémenter une coloration syntaxique (permutable, pour ceux qui n'y sont pas habitués). Je ne sais pas si c'est chose facile, mais au moins les apprécieront. • Autre suggestion : que le correcteur orthographique ignore tout ce qui se trouve entre "<" et ">" (c'est l'approche des correcteurs orthographiques du commerce pour travailler avec les éditeurs HTML non-WYSIWYG. Le résultat est convaincant)

J'espère avoir été utile.

 
OdeNice
OdeNice
05-10-03 à 11:31

J'utilise l'éditeur visuel

Mais j'ignorais le faire avant de lire ce texte et tous les commentaires qui suivent.
j'ai appris quelque chose ce matin, ma journée commence bien — Tiens, serais-je un nouveau "Monsieur Jourdain" ? ;-)

Je n'ai qu'une connaissance empirique du code HTML et taper un texte directement en HTML relève plus d'une torture intellectuelle que d'un plaisir et me prendrais un temps considérable.

Donc, pour moi, cet éditeur visuel est un outil incontournable et toute amélioration est la bienvenue :-)

Quelques idées :

  • Un bouton alignement de texte 'justifié'
  • Modification du bouton Liste pour permettre le choix entre plusieurs signes (exemple en plus de l'actuel : le point . , le tiret -, les chiffres romains I II IV..., etc., et choix d'un caractère spécial avec affichage du tableau des caractères spéciaux), ce qui permettrait de supprimer le bouton liste numérotée en l'incluant dans le choix.
  • Modification du bouton Lien en y ajoutant une case légende pour permettre l'apparition d'une étiquette lors du passage du curseur sur le lien (comme pour le bouton Image), cette idée m'est venue grace à H-I qui m'a surpris en incluant cette fonction sur un lien dans un sondage sur mon joueb, merci H-I
  • Modification du bouton Image en ajoutant une fonction recherche sur le pc et un fonction dossier de destination avec le dossier par défaut du site sur joueb.com et possibilité d'inscrire le nom d'un autre dossier (pour les personnes expérimentées ayant créé leur site de toutes pièces, dossiers inclus)

C'est tout pour le moment, j'espère que c'est réalisable...

J'ai une question. Je n'ai pas encore envoyé de participation à joueb.com, (je pense le faire bientôt) puis-je malgré tout insérer des images dans mes textes ?

Merci à toi Biz pour ce bel outil


 
Biz
Biz
06-10-03 à 01:37

Re: J'utilise l'éditeur visuel

  • Un bouton alignement de texte 'justifié'

Possible et facile, il y en avait un avant, mais je l'ai enleve pour faire de la place. Dans le meme genre, il y a les indices (les petits textes en bas, ou en haut), le barre et 2/3 autres trucs. Ca devient vite lourd visuellement et en temps de chargement, donc il faut faire des choix.

  • Modification du bouton Liste pour permettre le choix entre plusieurs signes (exemple en plus de l'actuel : le point . , le tiret -, les chiffres romains I II IV..., etc., et choix d'un caractère spécial avec affichage du tableau des caractères spéciaux), ce qui permettrait de supprimer le bouton liste numérotée en l'incluant dans le choix.

Ca ce n'est pas du ressort de l'editeur visuel : l'editeur visuel cree une liste numerotee ou non, et c'est a la feuille de style du modele de mise en page de choisir comment les afficher. Ou il faudrait predefinir des classes et des styles de listes, et ca devient lourd.

  • Modification du bouton Lien en y ajoutant une case légende pour permettre l'apparition d'une étiquette lors du passage du curseur sur le lien (comme pour le bouton Image), cette idée m'est venue grace à H-I qui m'a surpris en incluant cette fonction sur un lien dans un sondage sur mon joueb, merci H-I

Oui, ca, ca fait un bout de temps que je veux le faire.

  • Modification du bouton Image en ajoutant une fonction recherche sur le pc et un fonction dossier de destination avec le dossier par défaut du site sur joueb.com et possibilité d'inscrire le nom d'un autre dossier (pour les personnes expérimentées ayant créé leur site de toutes pièces, dossiers inclus)

Pas tout de suite. ;-)

J'ai une question. Je n'ai pas encore envoyé de participation à joueb.com, (je pense le faire bientôt) puis-je malgré tout insérer des images dans mes textes ?

En principe, tu peux envoyer quelques images via le menu administrateur, pour par exemple les utiliser dans ton modele de mise en page. Si tu veux mettre une image dans un ou deux articles, tu peux le faire comme ca. Si tu participes, dans le formulaire d'ajout d'article, tu as justement un bouton "Parcourir" qui te permet d'aller selectionner ton image sur ton disque dur, de l'envoyer et de l'associer directement a l'article.


 
be-rewt
be-rewt
06-10-03 à 11:02

Juste une question ?

Oui, j'aime pas vraiment le code généré par l'éditeur visuel. L'exemple des liste est le plus parlant. Impossible de créer des listes imbriquées propres (valides), malheureusement. Serait-il possible à terme de restreindre les possibilités de l'éditeur visuel, pour les commentaires par exemple ? Autre point, comme H_I, je trouve vraiment génant les
ajoutés à chaque saut de ligne.

 
H-I
H-I
06-10-03 à 16:43

Les tableaux

Je ne sais pas si Bebelouloute a fait exprès de mettre une taille fixe à son tableau, mais ce qui est sur c'est que ça casse complètement la mise en page de sa page principale (les blocs de droite se retrouvent en bas de page, à cause de son tableau), et qu'elle a utilisé l'éditeur visuel (quand tout le code HTML est sur une seule ligne...)!

 
xelarbak
xelarbak
06-10-03 à 21:26

Hmm

Mozilla sous . Pas activé car testé deux fois et ca ne marchait pas.
Je n'en ai pas vraiment besoin, ce que j'écris étant surtout du texte avec parfois un ou deux liens. Et puis je suis paresseux d'apprendre à faire autrement.

et puis... Mon autre navigateur c'est lynx ;)

 
NoXpUnk
NoXpUnk
12-10-03 à 16:07

prob

Mon probléme, c'est que je n'ai plus d'éditeur visuel et je c'est pas pourquoi!on peut m'aider?merci!

 
Biz
Biz
12-10-03 à 20:12

Re: prob

Quel navigateur, quelle version et quel systeme d'exploitation as tu ?

 
NoXpUnk
NoXpUnk
13-10-03 à 17:03

Re: Re: prob

Heuu...je suis pas une grande po d'ordi alors j'ai internet explorer 6, windows 2000 Et systéme d'exploitation??Peut tu me préciser stp qu'es ce que c'est!merci bcp!

 
Biz
Biz
13-10-03 à 20:41

Re: Re: Re: prob

OK, vas dans ton profil et verifie que la case "Ne pas utiliser l'editeur visuel" n'est pas cochee.

Aussi, il faut que ton navigateur soit configure pour utiliser le Javascript. (fait par defaut normalement)


 
NoXpUnk
NoXpUnk
14-10-03 à 18:17

Re: Re: Re: Re: prob

la case est décochée!c'est pour ça je comprend pas!

 
Gamin
Gamin
20-10-03 à 14:33

Re: Re: Re: Re: prob

C'est possible que son navigateur n'utilise pas la machine virtuelle Java, qu'est-ce que tu en penses ???

J'ai constaté que la machine virtuelle Java n'est pas présente systématiquement à l'installation d'Internet Explorer (mon voisin avait réinstallé Windows Xp Pro, donc IE 6.0 aussi par la meme occasion, et la machine virtuelle Java n'était pas présente, il a fallu que je lui fasse l'installation manuellement...)

Le problème de vient p-e de là ??


 
castor
castor
19-10-03 à 11:52

Vieux motard que jamais.

Oui, je sais, je suis en retard, mais j'ai retrouvé une raison qui m'avait poussé à désactiver mon éditeur. Lorsque tu édites un texte avec des commentaires HTML (<!-- zog zog --> par exemple), l'éditeur te bouffe les commentaires.

Edite ce commentaire, normalement le zog zog du haut ne devrait plus être visible.

Lorsque tu écris de longs articles, surtout un citant un linuxien qui parle en l33t 5p34k et une métabloggeuse qui cause le chteumeuleu dans le texte, la probabilié que ton whiskywig te fasse un enfant dans le dos est sérieusement proche de 1.

D'autre part, étant donné que dans la page du résumé, seul le premier paragraphe est affiché, j'avais pris l'habitude, lorsque je voulais qu'apparaisse un texte du style:

Bonjour!

Euh, non, mauvais jour, en fait.

d'écrire:

Bonjour!<br><br>Euh, non, mauvais jour, en fait.

Que l'éditeur visuel me bousille systématiquement.



 
Biz
Biz
20-10-03 à 05:40

Re: Vieux motard que jamais.

Je teste, parce que justement, je crois que je l'ai corrige ca. :-)

<p>ba</p>

Autant pour moi, je l'avais corrige pour les articles et les textes, mais pas pour l'edition de commentaires. Testons un commentaire zog zog :

<!-- zog zog -->

Ca marche ! Une raison de moins de ne pas utiliser l'editeur visuel. :)


 
castor
castor
20-10-03 à 11:03

Re: Re: Vieux motard que jamais.

Je testerai ce soir, à tête reposée.

Et pour les 's dans les mots wiki, tu en penses quoi?

 
Biz
Biz
20-10-03 à 18:49

Re: Re: Re: Vieux motard que jamais.

Je sais pas trop. Deux _ ?  ? C'est un peu tordu pour pas grand chose, surtout en francais. Ou alors faire en sorte qu'un ' soit considere comme une voyelle ? Genre Mike'sPizza ou PommeD'Api ?

 
castor
castor
20-10-03 à 22:11

Re: Re: Re: Re: Vieux motard que jamais.

Pas besoin de faire une syntaxe différente pour les apostrophes que celle qui existe déjà.

Justement, c'est là le problème: le PommeD_Api te donne bien Pomme D'Api, mais Mike_sPizza reste . Et qui plus est ta définition d'un dit :

D'autre part, les caractères _ à l'intérieur d'un sont remplacés par des apostrophes. Par exemple : .

Il n'est dit nulle part que la lettre suivant l'apostrophe doit être en majuscules.

 


 
JXL73
22-10-09 à 23:13

JmLRkkKhkgTDQFv

prosperity and security when the Taliban ruled afghanistan? ,

 


Logo dessiné par Johan Roirand.
Version  XML  -- Joueb.com est une plateforme d'hébergement gérée par l'association 1901 ViaBloga.